Day Two Wiki
 

 

 

 

 
 
 

 

 

 

Day Two logo spiegel
wiki-spiegeling.jpg
 

 

 
Home / Wiki / Webdesign tools / Firebug 
 

 

 

 

 

 

Firebug

 

Firebug wordt geïntegreerd in Firefox en zorgt er voor dat je een legio aan opties krijgt met betrekking tot het ontwikkelen van een foutloze website. Het is mogelijk om codes te wijzigen, fouten uit je scripts te halen en 'live' aanpassingen maken in HTML, CSS en Javascript.
Firebug

 

Functionaliteiten

 

Firebug is niet zomaar een 'debug' programma. Het biedt veel opties in een relatief simpel werkend programma. We zullen de functionaliteiten verder toelichten.

Controleer en wijzig HTML
Met Firebug is het vrij eenvoudig om regels HTML op te sporen en te wijzigen. De informatie die je over die HTML regels ontvangt kan je helpen bij het oplossen van problemen. Extra handig is het dat je de HTML direct kunt aanpassen in Firebug.

CSS
Ook op het gebied van CSS kan je veel aanpassen. Fouten kunnen makkelijk worden opgespoord en ook hier is het weer mogelijk om 'live' de code aan te passen. Soms is het onbegrijpelijk waarom div elementen met CSS niet goed uitlijnen. Deze add-on kan je daarbij helpen door te laten zien waar de paddings en margins aangebracht moeten worden.

Laadtijd
De laadtijd (link naar de laadtijd wiki) van een website is erg belangrijk. Het is mogelijk om te bekijken waar het aan ligt als een website te lang laadt. Er wordt duidelijk aangegeven waar het probleem zit. Dit kan bijvoorbeeld liggen aan het gebruik van meerdere javascripts of te grote afbeeldingen. Een voor een kunnen de bestanden worden nagegaan om zo exact te weten waar het probleem zit.

Errors
Wanneer er een error ontstaat op een website is wordt dit direct aangegeven in een overzicht. De oorzaak van de error wordt ook weergegeven zodat dit snel op te lossen.

Javascript
Ook voor javascript heeft Firebug de nodige informatie en opties te bieden om tot een foutloos javascript te komen. Voor problemen biedt Firebug bijvoorbeeld een debugger die je kan helpen bij het oplossen van errors in je zelfgemaakte script.

Onmisbaar?
Bij het ontwikkelen van websites is Firebug zeker onmisbaar. Elke webdesigner zal er profijt van hebben bij het bouwen van de site. Net als de web developer toolbar biedt Firebug legio tools.
 
 

 

 
We build tomorrow's web