Add Firebug Lite to JSFiddle to start up minimized

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?

Because I am used to it, and sometimes it is needed to inspect elements or view the console. — Munim Munna, Feb 06 '18 at 08:44
Learn the use the built in tools, there is a reason why they stopped developing it. :) Does it have a flag to toggle the view, been years since I used that. — epascarello, Feb 06 '18 at 14:19
You obviously talk about Firebug Lite (the JavaScript snippet), so I've adjusted your question accordingly. — Sebastian Zartner, Mar 12 '18 at 21:21

score 7 · Accepted Answer · edited Mar 12 '18 at 21:23

7

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.

edited Mar 12 '18 at 21:23

Sebastian Zartner

18,808
10
90
132

answered Feb 14 '18 at 11:27

deepak thomas

1,118
9
23

Add Firebug Lite to JSFiddle to start up minimized

1 Answers1