Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

like image 292
Munim Munna Avatar asked Jan 17 '26 12:01

Munim Munna


1 Answers

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.

like image 63
deepak thomas Avatar answered Jan 20 '26 04:01

deepak thomas



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!