I'm using chrome for a new website, and I'm doing some javascript debugging. One of my favorite techniques to debug nested expressions is to put a breakpoint, enter an expression in firebug's input panel in the console tab and press run. But I don't see this feature in chrome. I'm probably overlooking something. Is it there? And where can I find it.

I'm using chrome for a new website, and I'm doing some javascript debugging. One of my favorite techniques to debug nested expressions is to put a breakpoint, enter an expression in firebug's input panel in the console tab and press run. But I don't see this feature in chrome. I'm probably overlooking something. Is it there? And where can I find it.

• javascript
• debugging
• google-chrome

Share Improve this question Follow asked Nov 10, 2010 at 16:24 dr jerrydr jerry 10k2525 gold badges8484 silver badges127127 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 7

You can do it right from this page: Hit CTRL+SHIFT+J, click the Sources tab, choose chromes-alternative-for-firebug-evaluation-console from the file drop down on the left, click on line 41 to create a break point. Now refresh the page and your breakpoint will stop the debugger.

Ctrl + Shift + I will open Chrome's Developer's Tools. Or (Chrome v9): Options -> Tools -> Developer Tools. Ctrl + Shift + J is a keyboard shortcut for the Javascript console.

Under the Scripts tab, you can click on the line number to set a breakpoint.

You can also try right clicking on the page and choosing "Inspect Element" which should open the developer tools for you. Then you can click the Scripts tab like Harmen said.