LiveCoder for Firebug developers
LiveCoder extends Firebug by allowing developers to look at the Firefox chrome. It's especially valuable to developers building add-ons. LiveCoder's GUI lets you examine and modify the DOM of any Firefox add-on. Access the FasterFox statusbar element:
    document.getElementById("fasterfox-statusbar")
Change Firefox's Help menu to say "Help me!":
    window.document.getElementById('main-menubar').childNodes[6].boxObject.firstChild.value = "Help me!"
Evaluate Expressions

Examine and modify the current state in Firebug. View objects, functions, strings, etc. Some favorites include:

  • FirebugContext.getPanel('net') - your Firebug panel
  • FirebugContext.getPanel('net').panelNode - your panel's document
  • FirebugContext.window.document.body - the current web page
View and Modify Functions

Fat-fingered another one? Want to add a quick debug statement? Make your fixes and save them in LiveCoder and avoid the edit-save-build-install-restart-test cycle.

Edit Panel HTML

Tweaking HTML and CSS in your panel's document is a slow process when you have to re-install to see every change. LiveCoder lets you View any panel's HTML. Any changes can be saved and viewed immediately.

Contact Steve