enable script debugging using Chrome in Visual Studio 11

36
votes

I have a MVC 4 web Application with some javascript which is working fine with Internet Explorer and gives an issue with Chrome.

I was thinking to debug using Chrome as a browser in Visual Studio 11, which can be selected from the debug dropdown: the issue is that I cannot figure out how to enable script debugging : when I debug the breakpoint are disabled with the usual warning

No symbols have been loaded for this document

I know I might debug scripts directly in Chrome, but I prefer going consistent using Visual Studio, since it involves stepping into several lenghty js libraries.

I can see from a previous post that with Visual Studio 2008 that was not possible: does anyone know a way to do that with Visual Studio 11?

PS: attaching the Chrome process does not help as the debugging mode is 'Native' instead of 'Script'

PSII: I also tried to attach Chrome using the Attach to: Script Code option in the Attach.. menu (this switches the Debugging mode to Script) but that does not help as well.

3
javascriptasp.net-mvcdebugginggoogle-chromevisual-studio-2012
I don't see how this will ever work since visual studio will need to attach to chromes javascript debugger... - Chris Moutray
755 has the right answer. You don't seem to understand the difference between server side debugging with Visual Studio and client side. If you're debugging client side JavaScript, use the browsers F12 developer tools (Chrome or IE) - or FireBug. - RickAndMSFT
@Rick: You don't seem to know that Visual studio also allows to perform client side JS debugging. That was the topic of the question - I perfectly know that I can perform debugging with Chrome, which I guess is what should be understood by my sentence "I know I might debug scripts directly in Chrome" - eddo

3 Answers

12
votes

You simply can't do this. Visual Studio only connects with IE in this way.

Chrome does of course have its own debugging tools that you can use, but you won't be able to get your stops inside of Visual Studio as you may hope.

There is a whole load of answered / unanswered / incorrectly answered questions all over the web and SO on the matter.

3
votes

Here are the steps that worked for me in Visual Studio 2015 (should work in earlier versions as well):

Start chrome in remote debug mode: chrome.exe --remote-debugging-port=9222 Attach Visual Studio: "Debug" -> "Attach to Process..." -> select the chrome instance

All credit goes to: http://lostindetails.com/blog/post/JavaScript-debugging-in-VisualStudio-with-Chrome