Blogg

Utvecklarverktyg till Firefox

datum onsdag, 18 juni, 2008 datum Mishkin

Mozilla Firefox LogoVi är som bekant mitt uppe Mozillas världsrekordförsök där deras välkända webbläsare ska laddas ner så många gånger som möjligt under 24 timmar. Den nya versionen har utvecklats under nästan tre år och innehåller en rad nyheter för både normalanvändare och utvecklare. På utvecklarsidan så lyftar man gärna fram det nya stödet för JavaScript 1.8, SVG, animerade PNG och utökat stöd för stilmallar och Document Object Model.

För utvecklare betyder den nya versionen av Firefox ytterligare en webbläsare som man man måste kontrollera i och kompensera för. Det kanske inte är lika stora skillnader på stödet mellan de olika aktörerna som under webbläsarkriget men det finns fortfarande en hel del skillnader. Det enda sättet att vara säker är fortfarande att följa de standards som finns och sen testköra i så många webbläsare på så många olika operativsystem som möjligt.

För dig som laddat ner och använder den senaste versionen av Firefox så finns det dock en rad verktyg att använda för att underlätta designarbetet. Firefox gör det enkelt att lägga till komponenter och funktioner till webbläsare genom så kallade ”addons” eller ”tillägg”. Dessa kan till exempel göra att du kan styra webbläsarens navigering med musen, blockera reklam eller förändra hanteringen av bokmärken på olika sätt. Möjligheter är enorma och det finns redan ett stort utbud av olika tillägg som gratis finns att ladda hem från Mozillas hemsida.

Ett kraftfullt verktyg och inte oanat också ett av de mest nedladdade tilläggen är Greasemonkey som låter dig att köra script på sidor du besöker. Med hjälp av detta kan kan du förändra och använda webbsidor på helt andra sätt än de ursprungligen är utformade. Du kan dölja delar av sidan, lägga till helt ny funktionalitet och mycket annat utan att behöva ändra i källkoden.

Som utvecklare kan du med hjälp av Greasemonkey få möjlighet att prova att lägga till olika funktionalitet till din sida eller provköra tänkta funktioner utan att behöva lansera dem skarpt på sidan. Man kan också genom att erbjuda sina besökare script ge dem möjlighet att koppla samman din sida med andra tjänster på nätet för att till exempel automatiskt kunna lägga in viktiga datum i deras kalendrar osv.

Det finns redan många script som man kan använda som de är eller utnyttja som grund till egna. Det finns också mycket material om hur man går tillväga för att skapa egna scripts i form av en WIKI och även en gratis bok som går igenom det man behöver veta.

Ett för mig nästan ovärdeligt verktyg när jag skapar webbsidor eller webbdesign är vertyget med det självklara namnet Web Developer. Detta tillägg ger en verktygslist som innehåller en lång rad funktioner som ska underlätta arbetet för just webbutvecklare. Bland dessa finns enklare funktioner som att kontrollera den aktuella sidan mot valideringstjänsterna hos W3 i ett nytt fönster till att dölja olika saker i designen för att se hur sidan ser ut för användare med till exempel Flash eller Javascript avaktiverat. Du kan också välja att visa sidan som den är tänkt att se ut i en handhållen enhet.

Man kan också välja att ringa in olika typer av HTML-objekt, avaktivera de olika stilmallarna som används, lägga till egna stilmallar, förändra fönstrets storlek för att se hur sidan ser ut med olika skärmupplösningar och en massa andra funktioner som förenklar många annars tidsödande uppgifter. Allt finns som sagt dessutom i ett antal menyer i en verktygslist som gör det snabbt att komma åt samtliga funktioner.

Tyvärr få man konstatera att mycket av webbutveckling, och all annan programmering också för den delen, handlar om att felsöka koden man skrivit. För denna uppgift finns ett alldeles utmärkt tillägg med namnet FireBug. Då man inom webbutveckling blandar många olika språk och tekniker är Firebug ett bra alternativ då det förutom att felsöka HTML, CSS och JavaScript också gör det möjligt att bläddra i dokumentets DOM-uppsättning och också visa mycket annan intressant information. Möjligheten att visa samtliga CSS-regler som påverkar ett objekt samt i vilka stilmallar de ligger gör det lätt att felsöka.

Möjligheten att både felsöka koden och kunna bläddra i dokumentets DOM-träd gör FireBug till en utmärkt hjälp när man skriver Javascript.

Dessa tre tillägg är såna som kan underlätta arbetet med att utveckla och designa webbsidor men det är som sagt inte det ända som går att göra med så kallade addons utan det finns mycket annat som de kan göra. Mozillas hemsida erbjuder en lång rad tillägg inom många olika kategorier. Vilka använder du?

Taggar: , , , , ,
Postat i Blogg | 1 Kommentar/trackback »