How do you launch the JavaScript debugger in Google Chrome?

Question

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

Answer 1

In Chrome 8.0.552 on a Mac, you can find this under menu View/Developer/JavaScript Console ... or you can use Alt+CMD+J.

Answer 2

Ctrl + Shift + J opens Developer Tools.

Answer 3

These are the tools you see

Press the F12

Answer 4

Here, you can find the shortcuts to access the developer tools.

https://developer.chrome.com/devtools/docs/shortcuts

Answer 5

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.

Answer 6

The most efficient way I have found to get to the javascript debugger is by running this:

chrome://inspect