Tag Archives: Utvecklingsverktyg

Verktyget en webbutvecklare inte kan vara utan

Nu när man hamnat in i webbutvecklingen igen och ska fixa med HTML-kod, Javascript och alla möjliga former av stilmallar i CSS behöver man en riktigt bra verktygslåda. Den som någon gång kodat HTML och försökt få ihop det med moderna tekniker som där javascript kommunicerar med servern vid knapptryckningar kommer inse att det blir väldigt komplicerat att felsöka.

Inbyggt i Google Chrome finns ett hyggligt bra verktyg som går att använda. Det har absolut sina höjdpunkter och är smidigt för att bläddra i HTML-kod och CSS för att göra ändringar live och se vad som händer.

När man kommer till lite mer avancerad felsökning med Javascript inblandat kommer det egentligen ner till två verktyg som jag inte skulle klara mig utan.

Firebug

Bild

Det här är ett verktyg som hängt med en rätt bra stund nu och som fungerar som en plugin till webbläsaren Firefox. Den innehåller möjligheter att titta på allt från enskilda laddtider till exakt vilket svar ett anrop till servern gav. Jag envisades t.ex. med att sitta och felsöka varför ett anrop till servern som skulle returnera ett svar kodat med JSON gav ett tekniskt fel i webbläsaren genom att försöka läsa i loggar – men det gav ingen större idé om vad som var fel.

Det räckte med tre klick inne i Firebug och så var problemet löst. Vi har nyligen börjat flytta över vissa av våra webbplatser till en hyrd server och då hade jag i denna utvecklingsmiljö ställt in loggningen så att felmeddelanden skickas tillbaka till webbläsaren och detta gav givetvis underliga fel i svaret från servern.

Fiddler

En annan programvara som jag har stor nytta av (som jag för övrigt också kunde sett exakt samma sak i som ovan) som installerar sig som en proxytjänst mellan webbläsaren och den tjänst du anropar. Där kan du spåra varje anrop och få det i en logg för att se exakt vilka cookies som blir satta eller vilka parametrar som i själva verket kommer med.

Webbutvecklingen har gått framåt

Till dig som sitter där ute och inte förstår varför det ska vara så svårt att få sina sidor att fungera – släpp stoltheten och järnspettet – följ med in i 2010-talet och dra nytta av alla de fantastiska verktyg som finns för att skapa en bättre upplevelse för alla användare av webbplatser.