15 Firefox-tillägg för webbutvecklare

Jag har arbetat på en ny webbplats de senaste veckorna. Men istället för att göra det ensam bestämde jag mig för att få lite hjälp från Firefox-tillägg. De har gjort mitt arbete mycket enklare, och alla kan laddas ner på bara några sekunder.

Aardvark: Aardvark kan du välja element från en webbsida och utföra olika åtgärder på dem. Jag använder den för att analysera strukturen på en sida. Du kan också ta bort och isolera element eller generera DOM-kod. Jag rekommenderar det starkt.

ColorZilla: Om det finns en färg på en webbsida du vill, kommer ColorZilla att hitta den exakta koden för den och låta dig klistra in den i ditt kodprogram. Du kan också skapa egna färger med den inbyggda palettblocket. Det sparar de mest använda färgerna för enkel åtkomst senare. Det är kraftfullt, det är enkelt, det är ett måste.

CSS Validator: CSS Validator lägger till ett högerklick-alternativ i din webbläsare och skickar CSS till W3C CSS Validator. Den öppnar resultaten i en ny flik. CSS Validator är ett bra verktyg som ofta kommer att vara användbart.

CSSViewer: Ingen webbdesigner ska fungera utan CSSViewer. Tillägget informerar dig om all CSS-information du behöver från en webbplats. Klicka bara på den sida du vill ha, öppna den i Verktyg-menyn och den kommer att visa CSS-information. Jag använder det nästan varje dag.

FireBug: Firebug är en av de utvidgningar som du helt enkelt inte kan vara utan. Den låter dig redigera, felsöka och visa CSS, HTML och JavaScript. När du ändrar HTML-koden på webbplatsen visar Firebug automatiskt den i samma fönsterruta. Det är extremt kraftfullt.

FirePHP: FireBug är ett bra verktyg för CSS, HTML och JavaScript, men FirePHP, som bara fungerar när du har FireBug-tillägget installerat, skapar en fullutvecklad utvecklingsupplevelse. Med hjälp av båda tilläggen kan du se kvaliteten på ditt PHP och hitta fel. Det är ett bra hjälpmedel.

Font Finder: Font Finder kan du markera ett teckensnitt du gillar på vilken webbplats som helst, högerklicka på valet och efter att du har valt "Font Finder", se den fullständiga CSS-textstilningen i urvalet. Du kan sedan klistra in det på din egen webbsida.

HTML Validator: HTML Validator är ett extremt kraftfullt verktyg som endast är tillgängligt för Windows-användare. Tillägget ger dig feedback om fel på sidan. Det låter dig också veta var problem behöver lösas. Men om du inte är en avancerad webbdesigner, håll dig borta från det här verktyget. Det är väldigt komplicerat.

IE View: Så länge du kör Windows, är IE View ett användbart verktyg. Utvidgningen lägger till en "Öppna i IE" -alternativet i högerklick-menyn, så att du snabbt kan öppna en webbplats i Internet Explorer. Det är ett bra sätt att kontrollera hur en sida ser ut i båda webbläsarna.

Java-konsol: Om du vill se hur Java-appletar körs på webbsidor är Java-konsolen för dig. Du kan övervaka och felsöka appletar och få en fullständig rapport om deras prestanda.

LinkChecker: LinkChecker belyser länkar på en webbplats och berättar om länken kommer att rikta dig till en levande webbplats eller om den kommer att returnera en 404. Jag använder den varje dag.

Poster: Om du vill felsöka servrar och göra HTTP-förfrågningar är Affisch verktyget för dig. Det är lätt att använda, du kan ställa in en innehållstyp och inom några minuter får du all information du behöver för att inspektera resultaten av din HTTP-fråga. Användbar.

Style Sheet Chooser II: Style Sheet Chooser II ersätter Firefox inbyggda stilarkomkopplare och låter dig välja en alternativ stil som kommer att fortsätta på alla sidor på en webbplats. Det är inte något du ofta använder, men när du behöver något av det slaget, är Style Sheet Chooser II vägen att gå.

Webbutvecklare: Om du installerar några av tilläggen i den här sammanfattningen, måste webbutvecklare inkluderas. Det lägger till en meny och verktygsfält till Firefox vilket ger dig möjlighet att visa en sidas stil, visa och redigera CSS och mycket mer. Ingen webbutvecklare borde vara utan den.

YSlow: YSlow kräver att FireBug installeras för att den ska fungera, men det är ett bra sätt att ta reda på varför din webbplats körs så långsamt. Den analyserar webbsidor och returnerar problem som saktar ner sidan, baserat på Yahoos regler för högpresterande webbplatser. Jag använder det ofta för att ta reda på var jag kan förbättra hastigheten på mina webbplatser. Testa.

 

Lämna Din Kommentar