In de serie plugins voor deze browser is het nu de beurt aan 'Web Developer'. Om deze plugin te installeren, kies je uit het menu 'Extra' de optie 'Add-ons' en klik je rechtsonder op 'Extensies verkrijgen'. Je komt dan op de site van Mozilla met bovenin een zoekvenster. Typ hier 'Web Developer' en klik op zoeken. Er is een grote groene installatieknop waarmee je (vanuit FireFox) de plug-in kunt installeren.

Deze plugin is bedoeld voor webmasters die regelmatig met html, css of templates bezig zijn. Door de beschikbare optie regelmatig te benutten zul je meer inzicht krijgen in je eigen code en die van anderen.

Er is software die alleen de platte tekst leest (bijvoorbeeld software bij het ondersteunen van visueel gehandicapten). Met de functie 'CSS - Disable Styles - All Styles' kun je kijken hoe je pagina er uitziet zonder CSS. Sommige webdevelopers zetten hun site zo op dat het er nog enigszins logisch uitziet op een browser zonder CSS. Bijvoorbeeld: http://www.amsterdam.nl/

Als je een site hebt waarvan je de CSS wilt bekijken, dan kun je met 'CSS - View CSS' alle interne en externe CSS-code netjes onder elkaar krijgen. Dit is al een stuk handiger dan de URL's van de bestanden op te moeten zoeken in de broncode en dan daarmee de CSS-code op te sporen.

'Edit CSS' geeft je de gelegenheid om variaties uit te proberen zonder elke keer te moeten uploaden en de pagina te verversen. Als je echt veel wijzigingen hebt aangebracht, kun je via de save-knop (een diskette-symbool) de CSS opslaan.

Soms kom je in de situatie dat je kleuren van een pagina moet hergebruiken. Het klusje om alle kleuren van de pagina op een rij te krijgen wordt nu een stuk makkelijker met 'Information - View Color'. Dit overzicht scheelt je weer wat in tijd.

Op dezelfde wijze geeft 'Information - View Link information' - alle links op een rijtje.

Naast een functie om je CSS-code te wijzigen, kun je "Miscellaneous - Edit HTML' gebruiken om in je HTML-code iets uit te proberen.

Outline geeft je veel inzicht in de opbouw van je pagina. Je kunt kiezen voor het omlijnen van tabellen, frames of blocks, maar wat ik zelf handig vind is het omlijnen van het element dat onder de cursor zit (Outline Current Element).

Webmasters met grote beeldschermen vergeten vaak naar hun site te kijken in andere resoluties. Met de 'Resize'-optie kun je standaard kijken op de (achterhaalde) 800x600 pixel-resolutie, maar ook op 1024x768 pixels. Deze kun je toevoegen aan de toolbar met 'Resize - Edit Resize Dimensions'.

Natuurlijk haalt iedere webmaster zijn project een keer door de W3-validators om te controleren op HTML- en CSS-validatie. Deze tools zijn terug te vinden in de werkbalk onder de 'Tools'-knop en geven veel informatie die kan helpen bij het verbeteren van je code. Bij grotere sites waar verschillende (externe) frameworks zijn gebruikt, kan het gebeuren dat W3-validatie niet haalbaar is. Trek voor jezelf een grens wat acceptabel is.