javascriptjsfiddleminimizeminimizedfirebug-lite

Add Firebug Lite to JSFiddle to start up minimized

Firebug was best development tool for web for a long time. Now that advanced well-equipped Developer Tool is shifted with every major browsers, we don't need to look for it. But sometimes while sharing JSFiddle code that prints some log to console, or just need peeking into html attributes or classnames, it seems more convenient to me to just include the Firebug script to the fiddle rather than bringing up the whole developer tools.

But when I add Firebug Lite to JSFiddle, it starts up like this blocking most if not entire output frame. On my laptop it blocks the whole frame.

SJFiddle Firebug Normal Window

How can I include Firebug Lite to JSFiddle that starts up in minimized mode, like as the bottom horizontal bar when it is minimised or like the small square on bottom-right corner in this image?

JSFiddle Firebug Lite Minimized Window Mode

Solution

  • Add this code snippet in HTML to minimize Firebug Lite in JSFiddle:

    <script type="text/javascript">
    firebug.env.height = 200;
    firebug.env.debug= false;   
    firebug.env.detectFirebug = true;  
</script>

    Refer to http://jsfiddle.net/elijahmanor/UYK9G/ for more details.