enable script debugging using Chrome in Visual Studio 11

Question

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.

Answer 1

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.

• Visual Studio 2010 debugging Javascript with IE works but not with firefox or chrome. Any solution?
• how to enable script debugging in visual studio 2008 when using Firefox

Answer 2

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