How to bring firebug inspector in JS Fiddle Output window in Chrome Browser

javascript firebug jsfiddle
Ravi picture Ravi · May 31, 2012 · Viewed 7.3k times · Source

I come across a JSfiddle someone has posted in stack overflow automatically opened the firebug console only in the output window of JSFiddle. Does some one know how to achieve that.I guess they used the following link in the managed resources.

It works in Firefox on just adding it in managed resources.

I want this to be working in Chrome. I am using Chrome 19.0 with Firebug Extension

Thanks

https://getfirebug.com/firebug-lite.js

Answer

Mike C picture Mike C · May 31, 2012

Just paste that URL in the box under Managed Resources that says 'JavaScript/CSS URL', click the plus-sign button and then click 'Run'. You should see firebug lite show up in the results window.

EDIT: This version seems to work in Chrome: https://getfirebug.com/firebug-lite-debug.js

Related questions

Loading local JSON file

I'm trying to load a local JSON file but it won't work. Here is my JavaScript code (using jQuery): var json = $.getJSON("test.json"); var data = eval("(" +json.responseText + ")"); document.write(data["a"]); The test.json file: {"a" : "b", "c" : "…

Read More
What is console.log?

What is the use of console.log? Please explain how to use it in JavaScript, with a code example.

Read More
How to debug JavaScript / jQuery event bindings with Firebug or similar tools?

I need to debug a web application that uses jQuery to do some fairly complex and messy DOM manipulation. At one point, some of the events that were bound to particular elements, are not fired and simply stop working. If …

Read More