How do you launch the JavaScript debugger in Google Chrome?

javascript google-chrome debugging google-chrome-devtools
Kevin Driedger picture Kevin Driedger · Sep 15, 2008 · Viewed 634.9k times · Source

When using Google Chrome, I want to debug some JavaScript code. How can I do that?

Answer

Omer van Kloeten picture Omer van Kloeten · Sep 15, 2008

Try adding this to your source:

debugger;

It works in most, if not all browsers. Just place it somewhere in your code, and it will act like a breakpoint.

Related questions

Chrome developer tools do not show all JavaScript files any more

Not all JavaScript files are visible in Chorme Developer tools any more. Google Chrome is up to date. Version 44.0.2403.130 m Debug version of the app. Scripts in the head. <script src="/Scripts/jquery-ui-1.8.24.js"></script> <…

Read More
Chrome debugging - break on next click event

We have a button. Click events are handled by a 3rd party framework, however, the framework is buggy somehow. We want to debug the framework, however, we don't know where the corresponding event handler code resides to set a breakpoint. …

Read More
Javascript execution tracking in Chrome - how?

I have ~ 100-200 javascript functions loaded on a web-site. I want to determine what javascript function is executed when i click one item or another in Google Chrome. How can i do it with Chrome Web Developer Tools? Thanks!

Read More