将Firebug Lite添加到JSFiddle以最小化启动

Question

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.

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?

Answer 1

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.