Use VS2012 JavaScript debugging with Chrome (similar to IE)

Question

With VS2012 and IE9 I can use the VS2012 JavaScript debugger from within VS2012 (similar to C#, ..). When I switch the browser to Chrome, I loose the ability to do so. I could switch to the the Chrome intrinsic debugger.

Chrome as browser

But, is there a way to get debugging with Chrome working with VS2012 (similat to IE)?

Example: Breakpoint hit with IE, but not with Chrome as browser.

Breakpoint

Remark: No duplicate of Debugging Websites with Google Chrome which is about .net debugging. I am not using any ASP.net, only JavaScript

This appears to require much more cooperation between Microsoft and Google than I would expect either would be willing to offer. — Jeffery To
– Jeffery To, Commented Feb 4, 2013 at 10:38

Rachel Henderson · Accepted Answer · 2013-02-04 22:54:37Z

16

+100

No it's absolutely impossible to debug JS in Chrome from VS, because it's a completely different internal engine. May be somebody will write a plugin for VS, but right now it's not possible.

answered Feb 4, 2013 at 22:54

Rachel Henderson

62913 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

GottZ Over a year ago

exactly. no addition required.

EBENEZER CURVELLO · Accepted Answer · 2013-11-09 01:34:05Z

6

inside a javascript place a "debugger;" command and refresh the page.

works in CHROME v30> and IE 10>

Example:

<script type='text/javascript'>
        function LoginEstabelecimento() {

            var form = $('form#formLoginEstabelecimento');

            debugger;

           ... SOME REST OF CODE ...

        };
</script>

answered Nov 9, 2013 at 1:34

EBENEZER CURVELLO

1132 silver badges5 bronze badges

1 Comment

mikus Over a year ago

no way, how would it work? does not for me for sure.

Jani Hyytiäinen · Accepted Answer · 2013-02-05 17:15:38Z

3

You can always right click the page in Chrome, choose 'inspect element' and use chrome's built-in javascript debugger.

answered Feb 5, 2013 at 17:15

Jani Hyytiäinen

5,40738 silver badges47 bronze badges

Comments

SausageFingers · Accepted Answer · 2016-09-14 11:44:11Z

3

This is now possible. See this page for how, but in a nutshell (using Windows 10 1607, Visual Studio 2015 with Update 3):

Close all Chrome windows (this is important)
From the Run prompt "chrome --remote-debugging-port=9222" (without quotes)
In Visual Studio, start your application with Chrome as the browser. This opens your page in a new tab.
In Visual Studio, with the application still running, click Debug -> Attach to Process... -> select the Chrome process that is running you page.
This should attach to the process without any error and your break points in Visual Studio should now get hit.

Also, see this page which confirms this feature will be added to a future Visual Studio release.

answered Sep 14, 2016 at 11:44

SausageFingers

1,8465 gold badges34 silver badges54 bronze badges

Collectives™ on Stack Overflow

Use VS2012 JavaScript debugging with Chrome (similar to IE)

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related