Web Developer toolbar

Plug-in op woensdag

Zoals beloofd maken we met deze plug-in op woensdag het rijtje van drie nuttige Firefox-plugins voor webontwikkelaars af. Na de kleine, fijne tooltjes ColorZilla en MeasureIt sluiten we af met de koning van de Firefox-extensies: de Web Developer toolbar.

Web developer toolbar

Deze extensie installeert een extra toolbar in je Firefox, waarmee je on the fly alle mogelijke denkbare wijzigingen aan een pagina kunt aanbrengen (om uit te proberen wat het geef), en die je een hele set tools geeft om de elementen van een pagina te bestuderen, of een pagina te testen.

Een greep uit het aanbod:

  • Schakel de cache van de browser uit, zodat je de werkelijke laadsnelheid van een pagina ziet
  • Schakel Java of JavaScript uit
  • Toon een pagina zonder kleuren, of zonder afbeeldingen, of zonder stijlen, …
  • Pas on-the-fly de CSS of de HTML van een pagina aan, en kijk direct wat het effect is, of voeg je eigen stylesheet toe
  • Bekijk hoe een pagina er geprint of op een handheld uitziet
  • Bekijk alle mogelijke informatie over formulieren op een pagina, of pas de werking van formulieren aan
  • Toon alle mogelijk informatie over afbeeldingen op een pagina, verwijder de afbeeldingen, toon ze op ware grootte, zoek gebroken afbeeldingen, …

    Afbeeldingen

  • Toon allerlei mogelijke bijkomende informatie over een pagina, en duid blokken in een pagina aan met lijnen en kleuren, zodat je visueel een beeld krijgt van de pagina

    Pagina-info

  • Herschaal het browservenster naar een lagere resolutie, zodat je ziet hoe een ander je pagina te zien krijgt
  • Verstuur je pagina naar allerlei validators (CSS, HTML, links, …) en krijg een Speed Report van je pagina

En zo blijft de lijst maar doorgaan. Als je af en toe bezig bent met web-ontwikkeling, of je wil experimenteren met hoe een pagina in elkaar zit, dan moét je deze Firefox-plugin uitproberen.

Doen!

Download Web Developer toolbar

3 thoughts on “Web Developer toolbar

  1. Zeer mooie plugin. Ik gebruik ook nog Firebug erbij. Bestaat er iets waarbij je ook kan zien hoe je weblog eruit ziet in andere browsers? En waarbij je eventueel ook nog on the fly je css-file kan aanpassen in die browser?

  2. @Dikkie: er bestaat website (iCapture) waar je je website kan laten renderen door Safari als je geen Mac hebt: http://www.danvine.com/icapture/

    Hij schijnt momenteel echter wel niet direct te werken. Misschien bestaan er nog dergelijke sites die hetzelfde doen met andere browsers?

Leave a Reply to Dikkie Cancel reply