Firefox met webdeveloper toolbar

Een van de voordelen van Firefox als browser is dat er heel veel tools zijn gemaakt die het je als websurfer gemakkelijker maken. Omdat Firefox versie 2.0 uit is staan we nu eens even stil bij de gemakken van de tool 'webdeveloper', van Chris Pederick.

Firefox

Wanneer je dat nog niet gedaan hebt, doe het dan eerst, Firefox downloaden. Als je een beetje serieus aan websites werkt is het een onmisbare browser.

Eerste voordelen

Vervolgens kun je op je gemak eens gaan surfen via deze browser. De voordelen zullen snel opvallen, bijvoorbeeld de naviagtie met tabbladen. Maar wellicht kom je er achter de je website, of die van een ander, helemaal niet mooi is in deze browser. Doe de browser dan niet weg, maar pas de website aan! Maar goed dat terzijde. Als je nu eens de broncode van een willekeurige website gaat bekijken dan zul je zien dat deze code al in kleur gezet is. Als je regels selecteert dan geeft deze ook nog eens het regelnumer aan. Op deze manier kun je veel fouten al vlot terugvinden.

Webdeveloper toolbar

Maar het gaat ons natuurlijk om de webdeveloper tool. Surf nu naar https://addons.mozilla.org/firefox/60/. Wanneer je daar heen gaat met firefox zelf, en je klikt op 'install now', dan wordt deze direct geinstalleerd. Het enige dat je nog moet doen is opnieuw opstarten van de browser.

Mogelijkheden

Wat kun je er vervolgens mee? In de browser verschijnt een extra balk met daarin een heel aantal mogelijkheden. De volgende onderdelen staan in het menu:

• Disable - Uitzetten van bepaalde onderdelen, zoals de cache, java en javascript
• Cookies - Uitzetten, verwijderen en beheer van Cookies
• CSS - Uitzetten, bekijken en veranderen van stijlbladen
• Forms - Beheren van formulieren
• Images - Uitzetten en beheren van plaatjes
• Information - Informatie over verschillende elementen van de website
• Miscellaneous - Overige zaken, zoals een lineaal, of de html broncode aanpassen
• Outline - Uitlijnen van blok- en andere elementen
• Resize - Venstergrootte aanpassen
• Tools - Gereedschap om pagina te valideren
• View Source - Broncode bekijken
• Options - Opties aanpassen

Tenslotte

Een handig stuk gereedschap? Jazeker, een doorgewinterde webdesigner of developer zal de meeste zaken zeker op een andere manier kunnen beheren, maar het is heel handig om alles in een overzicht te hebben. Eigenlijk is dit een onmisbare tool voor iedere webdeveloper.