Het zijn 2 verschillende tools, (wel met enkele vergelijkbare opties).
Firebug is vooral bedoeld om te debuggen (oa javascript). De developer toolbar zit vol met tooltjes die makkelijk zijn voor een developer, zoals het resizen van je window
Het zijn 2 verschillende tools, (wel met enkele vergelijkbare opties).
Firebug is vooral bedoeld om te debuggen (oa javascript). De developer toolbar zit vol met tooltjes die makkelijk zijn voor een developer, zoals het resizen van je window
En er zit ook een javascript debugger in. Ik heb alleen maar nadelen kunnen ontdekken aan Firebug.
Wat wel handig was, is dat je de request kon zien van Ajax gedoe.
In de webdeveloper toolbar kan je images uitschakelen, javascript uitschakelen, css aanpassen, bekijken, bewerken, met ctrl+shift+y krijg je een selector waarbij je een lijntje (rood) krijgt om een item op je pagina (dit kan van alles zijn) waar je met de muis op staat, klikken geeft alleen de css die op dat element van toepassing is/ kan zijn.
Wat ik zelf veel gebruik is de generated source bekijken, dan weet je precies wat er gemaakt is (en dus ook wat er niet klopt) als je fouten hebt wanneer je met JS/ AJAX werkt.
Het zijn zeker heel verschillende tools, maar ik ben er zelf nog niet achter hoe of firebug mij precies verteld wat er fout is.
Waar ik firebug hoofdzakelijk voor gebruik is het aanpassen van CSS je kunt on-the-fly (dus met je pijltjes toetsen) direct gegevens aanpassen met gelijk resultaat... erg handig!
En het aanpassen van HTMLcode uiteraard, en je POST-Requests bekijken.
In combinatie met FirePHP kan eht nog krachtiger. Dan kan je zelf PHPapplicaties debuggen met:
fb::log($foo,"Bar");
En dat is helemaal handig als je met een template parser werkt.
En heb ik het al over de Y-Slow extentie voor Firebug gehad :P?
Dit is echt duidelijk anders dan dan de Webdeveloper Toolbar.
Vind beide tools wel handig. Ik gebruik WebDeveloper Toolbar voor het uiterlijk van me websites en Firebug voor het debuggen van Javascript en natuurlijk Y-Slow om me website op een leuke snelheid te houden. :)
@ Leon: Als je de WebDeveloper Toolbar hebt, waarom dan ook nog eens een Html validator add-on? Is dat voor offline validatie? Je zou overigens eens TreeStyle tabs moeten proberen. :)
