Inspecting javascript on jsfiddle.net in Google Chrome

javascript google-chrome jsfiddle google-chrome-devtools
LeRoy picture LeRoy · Apr 13, 2011 · Viewed 15.3k times · Source

Is it possible to set breakpoints using the google chrome inspector on javascript code entered into jsfiddle.net?

When I go to the script tab of the developer tools I see lots of scripts but I don't know where my script would be found or if it can be found in there at all. In the past I have just settled for some console.log action but I would love to set some breakpoints.

(If not possible I am interested in other ways of inspecting javascript in this scenario.)

Answer

Effata picture Effata · Apr 13, 2011

Debugger calls work fine on jsfiddle. Just enter this line where you want to start debugging:

debugger;

Debugger is great for starting debug mode in chrome, firebug and even IE dev tools, but you usually need to have the debugger started (ie "start debugging" in IE, open firebug/developer tools).

Related questions

jQuery event.preventDefault() not working in Firefox (JSFiddle included)

This is a kind of similar duplicate to some others here, but I think I'm using event.preventDefault() correctly in this case. Here's a JSFiddle you can see the code with: http://jsfiddle.net/SeEw2/2/ Basically, click the Submit button. …

Read More
Cancel infinite loop execution in jsfiddle

When you get an infinite loop in jsfiddle in Chrome, your only choice (that I know of) is to close the tab. Of course, this means you lose all your work in the current window! Is there an easy way …

Read More
Ignored call to 'alert()'. The document is sandboxed, and the 'allow-modals' keyword is not set

Whenever running alert('something') in JSFiddle, I get the error: Ignored call to 'alert()'. The document is sandboxed, and the 'allow-modals' keyword is not set. in the console. I cannot find any information on this error through Google. How …

Read More