Scriptorama.nl

Header image showing a keyboard, mouse, laptop and books on design patterns

Firebug 1.0 beta beschikbaar

Firebug: ongetwijfeld een van de meest populaire Firefox-extensies voor webontwikkelaars, en met recht. Mathieu meldde eerder het voorproefje al. maar nu is 'ie er dan: de 1.0 beta. Übercoole nieuwe features:

  • HTML: live wijzigen van de complete structuur. Voorheen waren alleen attributes te wijzigen.
  • CSS rules: live wijzigen en weergeven van alle rules, inclusief inherited
  • CSS layout: box model visualisatie. Metrische eigenschappen van alle elementen kunnen worden weergegeven en gemeten
  • HTTP-verkeer: inzicht in requests en responses. Gooi Tamper Data overigens niet weg, want daarmee kun je POST data en headers wijzigen.
  • JavaScript profiling: timing van functies om bottlenecks op te sporen
  • eigen venster: je kunt Firebug 'ontkoppelen' naar een venster (Control/Command F12). Erg handig als je met meerdere monitoren of virtual desktops werkt.

Minstens net zo belangrijk is de filosofie van de auteur: Joe Hewitt houdt 't gratis en open source. Erg sympathiek. Donaties zijn uiteraard welkom.
Ook aan andere browsers heeft 'ie gedacht: plug Firebug Lite als JavaScript library in en je hebt een vereenvoudigde Firebug console.

Reageer ook!

Bestaat er al een stap voor stap tutorial? Ik zie vooral feature overzichten.

Misschien heb je iets aan deze (korte en incomplete) screencast: http://soylentfoo.jnewland.com/articles/2006/12/08/firebug-10-screencast

Leave a comment
Line and paragraph breaks automatic, e-mail address never displayed, HTML allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>