Firebug ahora para IE, Opera, y Safari

Para aquellos en el desarrollo de aplicaciones Web, Firebug es una de esas herramientas que una vez la usas simplemente la catalogas como imprescindible.

Lamentablemente el desarrollo web implica que debes probar tus aplicaciones web en browsers como Internet Explorer

Me acabo de enterar que la buena nueva es que ahora está disponible Firebug Lite, un archivo JavaScript que al colocarlo en las páginas web permite simular una consola Firebug en navegadores (browsers) que no sean Firefox.

Para aquellos que desarrollen en Ruby on Rails ya está disponible un plugin que te permite incorporar Firebug Lite en tu aplicación Rails.

Firebug Lite http://getfirebug.com/lite.html

Texto original:

Screenshots:

• IE
• Opera
• Safari

 

Latest Version: 1.2.1 (2008-09 CHANGELOG)

Installing Firebug Lite 1.2

Insert this line of code into any page that you want to contain Firebug lite:

    <script type='text/javascript' 
        src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>

Firebug Lite as bookmarklet

Drag the following link to your bookmark toolbar and use Firebug Lite on any page:

Firebug Lite

Configuring Firebug Lite

Height of the firebug lite form is resizeable in latest version;

  <script type="text/javascript">
  firebug.env.height = 500;
  </script>

Also, developers can use their own css file;

  <script type="text/javascript">
  firebug.env.css = "/myown/firebug.css"
  </script>

Using Firebug Lite Offline

Download the source

Import firebug-lite-compressed.js or firebug-lite.js into your site’s directory. Find «firebug-lite.css» URL on the javascript file which you imported and replace this with offline address of firebug-lite.css file.

    <script language="javascript" type="text/javascript" 
        src="/path/to/firebug/firebug-lite.js"></script>

Commands

Now FBLite supports all basic commands of Firebug.

firebug.watchXHR: Use this function to watch the status of XmlHttpRequest objects.

    var req = new XmlHttpRequest;
    firebug.watchXHR(req);

firebug.inspect: Now elements can be inspected in javascript code:

 firebug.inspect(document.body.firstChild);

On some browsers, the console object is already declared. If you observe errors in Safari, for instance, use the console commands in this fashion:

    firebug.d.console.cmd.log("test");
    firebug.d.console.cmd.dir([ "test" ]);

Notes

On some browsers, the console object is already declared. If you observe errors in Safari, for instance, use the console commands in this fashion:

    firebug.d.console.cmd.log("test");
    firebug.d.console.cmd.dir([ "test" ]);

Firebug Lite creates the variables «firebug» and doesn’t affect or interfere HTML elements that aren’t create by itself.