Is there a way for firebug to display console windows and HTML at the same time?

Question

I often test code that controls the DOM. I can paste it and run it in the console then go to the HTML tab to see if it has the desired effect. Then, when I return to the console window, my code disappeared and I need to re-insert it. It is a pain.

I would really like the console to be in the right window and the HTML view in the left window. Then, presumably, I could (ideally) run my code and immediately see the effect on the HTML elements exposed in the left window.

Is there any way to do this? (or perhaps some extension for it).

Answer 1

The latest alpha version of firebug 1.4 stores the most recent code when switching back and forth. It also has some great features like "break on next" - very cool! I can’t wait until he is beta / mature. hmm ... i think literally - i can't wait. I use alpha;)

grab firebug-1.4.0a31.xpi

In addition, since this is alpha softwre, I run it under a different profile for my development and use new features only when I need / want them. It is definitely not stable yet.

Answer 2

when i get back to console view my code is gone and i need to re-insert it

You can display previous commands in the firebug console using the up / down keys.

Answer 3

I know this is an old question, but it can still be useful for those who find this question.

You can run an instance of Firebug Lite using this bookmarklet, for example:

javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})(document,'createElement','setAttribute','getElementsByTagName','FirebugLite','4','firebug-lite.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/','#startOpened'); 

You can then have the HTML panel in the main Firebug extension, having the console in the Firebug Lite shortcut.

Usually I keep my main Firebug on the right, which works well, like Firebug Lite below, and currently does not have a positioning option.