Google Chrome-tillägg nyanser för utvecklare. Google Chrome-tillägg för webbutveckling och mer. Vilka versioner av Chrome finns det?

Webbläsare Google Chrome– ett utmärkt val för designers och webbutvecklare. Med tillägg för GoogleChrome kan du lägga till flera funktioner, som kan hjälpa till med design, hitta fel och annat arbete med sajten. Här presenterar vi de bästa Chrome-tilläggen för designers och utvecklare.

3.

Upplösningstest– detta tillägg är utformat för att kontrollera webbsidor med olika skärmupplösningar, och du kan ställa in dina egna upplösningsinställningar. Det här verktyget är mycket praktiskt för att kontrollera hur din design ser ut på olika bildskärmsstorlekar.

4.

Pendule utökar funktionaliteten hos Google Chromes inbyggda verktyg. Med det här tillägget har användarna många ytterligare funktioner, såsom: utvärdera begränsningstaggar med W3C:s automatiserade webbtjänster, dölja bilder på en sida, visa skript inbäddade på en sida och många andra.

5.

Civilklädda Den gör bara en sak bra - den tar bort all CSS på sidan. Ett av favoritsätten att utvärdera tillgängligheten för en webbsida är att ta bort CSS-stilarna och jämföra sidans läsbarhet med och utan stilarna. Detta tillvägagångssätt simulerar en situation där användaren bara har en del av sidan på sin skärm och bara kan lita på sidtaggar för att komma åt innehållet.
Även om det här programmet ursprungligen skapades för att testa webbsidor, kan du använda det för att se dina favoritstilar på ett "ostilat" sätt (så att din chef inte kommer att fånga dig när du tittar på det medan du behöver avsluta en JavaScript-funktion).

6.

Om du vill beskära specifika delar av en webbsida är Image Cropper ditt självklara val. Det här programmet är enkelt som en pinne och har inga jippon. Ange bara det område du vill klippa så hämtar appen det. Behöver du pixelprecision? Förlängningen visar storleken och placeringen av delarna du klipper, så att du kan välja den storlek du behöver.

7.

Denna tillägg är stolt över att vara minimalistisk och enkel - vilket är bra, eftersom det inte finns någon anledning att komplicera produktionen av Lorem Ipsum-text. Lorem Ipsum-generatorn låter dig fylla ramar med text när du designar din presentationswebbplats.

8.

Identifiera buggar i motorn Internet Explorer Trident är inte alls kul. Genom att använda IE Tab kan du åtminstone spara lite tid och inte behöva använda Internet Explorer (för att inte tala om att den inte har många tillägg) för att hitta renderingsproblem.

9.

jQuery Shell låter dig köra javascript- och jQuery-kommandon i samband med en öppen webbsida. En mycket användbar tillägg för att lära sig och experimentera med jQuery.

10.

Denna app är en mästare på ett trick. Tricket är att programmet låter dig snabbt få Hex- och RGB-värdena av vilken färg som helst på vilken webbsida som helst. Den här funktionen kan vara praktisk om du behöver bestämma vilka färger din favoritwebbplats använder utan att använda Photoshop och dess pipettverktyg.

11.

Använder funktionen WebEdit, kan du göra vilken sida som helst tillgänglig för redigering (ändringarna du gör kommer naturligtvis inte att sparas). Tja, varför behöver du det här då? Här är anledningen: om du skapar en webbplats och vill leka med element utan att göra betydande kodändringar, kommer den här applikationen att vara mycket användbar för dig.

12.

Har du någonsin velat veta vilka teknologier, strukturer och applikationer med öppen källa använder en specifik webbplats? Erfarna utvecklare kan svara på dessa frågor genom att studera källa, men om du vill få svaret snabbare och enklare kan du prova Chrome Sniffer. Chrome Sniffer listar alla kända javascript-ramverk/bibliotek (jQuery, MooTools, etc.) och CMS (Drupal, WordPress, etc.) som används av en webbplats.

13.
Ögon dropparär ett tillägg för Google Chrome som låter dig upptäcka färg på vilken webbsida som helst. Dessutom tillhandahåller programmet ett "färghjul" och färgprover (som kan hittas i alla grafikprogram), så att du kan experimentera och manipulera färgerna för att hitta den du vill ha.

15.

En korrekt konstruerad webbsida med bra uppmärkning leder i slutändan till att sidan får imponerande resultat i sökmotorer. Men om du vill utvärdera din webbplats mot kända sökmotoroptimeringsparametrar, bör du prova SEO Site Tools, ett tillägg som erbjuder dig ett stort utbud av användbara SEO-bedömningsverktyg och funktioner. Den kan läsa en massa parametrar på och utanför sidan, få information från sociala medier och allt sånt.

Det finns flera versioner skapade för olika kategorier av användare. En av dem heter Google Chrome Developer Edition. Vilken typ av version är detta och varför behövs den? Om detta och vi ska prata i detta material.

Det är värt att notera att alternativa versioner av Chrome har dykt upp under lång tid. De följer med denna populära webbläsare nästan från lanseringsversionen. Men inte alla användare är lämpliga för alternativa alternativ.

Faktum är att "andra" versioner av Chrome är avsedda för proffs inom ett eller annat område: layoutdesigners, testare, utvecklare och så vidare. Sådana webbläsare är inte lämpliga för vanliga användare. Och ändå måste vi prata om dem.

Vilka versioner av Chrome finns det?

Det finns faktiskt inte så många av dem. Det finns dock bara en stabil. Det är precis den som görs allmänt tillgänglig. Alla användare kan ladda ner det. Men det finns också alternativa versioner. Låt oss ta en närmare titt på dem.

Det här är versionerna av allas favorit Google Chrome som finns. Men i detta sammanhang är vi intresserade av Developer Edition. Därför måste allt övervägas nyckelfunktioner denna version för mer information. Först då kan en slutsats dras.

Funktioner för Developer Edition

Det viktigaste inslaget i detta Google-versioner Chrome är tillgången till utvecklingsverktyg. De kommer att vara användbara för dem som utvecklar tillägg och plugins för den här webbläsaren. Den genomsnittliga användaren kommer att gå vilse i sådana verktyg.

Den andra funktionen är den avancerade konsolen. Den används för att redigera koden och aktivera dolda funktioner webbläsare. Du måste dock veta hur du arbetar med det. Minsta misstag i ett lag kan leda till mycket svåra konsekvenser.

Ett annat "trick" är närvaron av alla de senaste innovationerna som har migrerat till denna version från Kanarieöarna. Tack vare detta kan utvecklare optimera sina tillägg för nya webbläsarfunktioner.

Frekventa uppdateringar– en annan utmärkande egenskap hos Developer Edition. De kommer oregelbundet, men senast en gång varannan vecka. I vissa fall kan uppdateringar komma inom två dagar. Detta är praktiskt för dem som testar nya funktioner i webbläsaren.

Slutsats

Så ovan pratade vi om vilka versioner av Google Chrome som finns och diskuterade i detalj bygget för utvecklare. Nu är det klart att den här versionen kännetecknas av en uppsättning verktyg och en avancerad konsol.

Det är värt att notera att vanliga användare inte alls behöver installera Developer Edition. Det blir ingen mening med detta. Dessutom är denna enhet inte särskilt stabil. Om du inte är en utvecklare är det bättre att använda Stable.

Det finns ett stort antal gratistillägg för Google webbläsare Chrome som hjälper dig att göra ditt liv enklare. Här är 20 av de bästa.

I den här artikeln presenterar vi de bästa Google Chrome-tilläggen för olika ändamål - men var och en är designad för att göra ditt jobb enklare.

Firefox har länge varit känt för sin anpassning och många tillägg, men Google Chrome har också vunnit mycket popularitet bland webbdesigners och utvecklare under de senaste åren. En av anledningarna till detta är dess snabbhet och inbyggda utvecklarverktyg.

Nu, med utvecklingen av samlingen av Chrome-tillägg, som utökas varje dag, är detta anledningen till att många webbutvecklare och designers väljer den här webbläsaren för sig själva.

Vill du veta mer om detta? Kolla in vår lista.

01. iMacros för Chrome

Chrome-tillägget iMacros låter dig spela in och spara dina handlingar.

Som webbutvecklare kan du behöva granska dina webbsidor. Att göra samma saker om och om igen kan vara en tråkig process. iMacros är ett praktiskt Chrome-tillägg som låter dig spela in dina åtgärder och spara dem, vilket bara kräver att du utför åtgärden en gång.

Du kan sedan kontrollera dina sidor om och om igen, upprepa stegen med ett klick på en knapp. Detta sparar värdefull tid och gör att du kan koncentrera dig på viktigare frågor.

02. Font Lekplats

Font Playground låter dig experimentera med lokala typsnitt på livewebbsidor.

Varje designer och utvecklare kommer att hitta många användbara saker i detta tillägg. Font Playground låter dig experimentera med lokala typsnitt och alla Googles teckensnittsbibliotek på aktiva webbsidor utan att göra några ändringar på själva sidorna.

Det som är bra med det här tillägget är att det innehåller alla möjliga teckenstorlekar, stilar och effekter. Du kan först visualisera olika teckensnittsalternativ innan du gör några faktiska ändringar i koden.

03. Vilken typsnitt

Vilket typsnitt använder de? Chrome-tillägget What Font kan visa dig detta!

En mycket användbar tillägg för Google Chrome, What Font låter utvecklare och designers avgöra vilka typsnitt som används på en webbsida.

Så om du stöter på ett typsnitt någonstans på nätet som ser fantastiskt ut och vill använda det i ett av dina framtida projekt, håll bara muspekaren över det så vet du omedelbart vad det är.

04. Yslow

YSlow kommer att berätta vad som saktar ner sidan.

Med det här verktyget kan du inte bara kontrollera hur snabbt en webbsida laddas, den kommer också att visa dig om något saktar ner den.

YSlow testar webbsidor mot 23 av de 34 prestationsregler som utvecklats av Yahoo-teamet. Detta är extremt användbart verktyg att analysera webbsidor, vilket också föreslår sätt att optimera deras prestanda.

05. Webbutvecklare

Chrome Web Developer-tillägget tillhandahåller ett antal användbara verktyg för utvecklare.

Om du är en webbutvecklare kan du fråga dig själv: hur klarade du dig hittills utan denna tillägg. Den lägger till en knapp i verktygsfältet som ger Chrome tillgång till många användbara verktyg för webbutvecklare.

Detta officiella versionen Webbutvecklartillägg utvecklat för Firefox.

06. Checklista för webbutvecklare

Det åtgärdar prestandaproblem i detta praktiska Chrome-verktyg.

Det här verktyget låter dig kontrollera allt från om dina sidor är SEO-kompatibla, användbarhetskompatibla, samt deras synlighet och prestanda (sidans laddningshastighet).

Så om du till exempel missade en H1-tagg, eller om en sida saknar en metatitel eller metabeskrivning, meddelar checklisttillägget för webbutvecklare dig om detta.

Så att du snabbt kan lösa detta problem. Om du klickar på länken " mer information och hjälp» längst ner i tillägget hittar du en mer detaljerad lista.

07. DevTools Autosave

Sparar automatiskt ändringar i sidkällfiler (CSS och JS).

En sann skatt för alla utvecklare, DevTools Autosave låter dig automatiskt spara alla ändringar som görs i en sidas CSS- och JS-källfiler via Chrome Dev Tools-miljön. Tillägget är lätt att installera och använda och kommer att spara mycket tid.

08. Instant Wireframe

Låter dig se trådramar för webbsidor.

Anslut wireframe-visning av vilken webbsida som helst med bara ett klick. Detta Google Chrome-tillägg hjälper webbutvecklare och designers att se webbsidor, oavsett om de är lokala eller publicerade online, med en trådramsöverlagring.

09. Ripple Emulator

Ripple Emulator hjälper till med felsökning av webbsidor, DOM-inspektion och automatiserad testning.

Ripple Emulator är en mobilmiljöemulator med flera plattformar som hjälper dig att testa din webbapplikation olika enheter och skärmupplösningar.

Ripple Emulator-tillägget kan användas i kombination med befintliga utvecklingsverktyg för felsökning, DOM-inspektion och automatiserad testning.

10. Sträcka

Spåra e-postkonversationer i en biljett, tilldela uppgifter.

Streak är det viktigaste CRM- och supportverktyget E-post Gmail.

Tillägget låter dig kombinera alla dina e-postboxar i en eller organisera spårning av meddelandeutbyten i en biljett, tilldela uppgifter så att du kan hantera kommunikationsprocessen med dina motparter personligen eller ge åtkomst till detta till andra personer.

11. Sök efter Stackoverflow

Få snabba svar på dina frågor med det här tillägget som måste användas.

Om du är en webbutvecklare måste du ha hört talas om Stack Overflow, en plats dit många utvecklare vänder sig med olika frågor relaterade till utveckling av webbprojekt. Om inte, måste du definitivt lära känna honom. Det är en verkligt blomstrande gemenskap som täcker ett brett spektrum av ämnen, från C# och Java till PHP och JQuery.

Detta fantastiska tillägg lägger till en sökruta direkt i din webbläsare och låter dig utnyttja de stora resurserna i Stack Overflow. Ett måste förlängning!

12. PHP Ninja Manual

All dokumentation för PHP 5.5, i din webbläsare.

Det är verkligen svårt att komma ihåg varje funktion, så om du har tillbringat många timmar med att söka efter specifika PHP-funktioner via Google förr i tiden, kommer detta tillägg definitivt att fånga din uppmärksamhet. PHP Ninja Manual tillhandahåller

Du får all dokumentation för PHP 5.5 konkreta exempel på åtta språk i din webbläsare.

13. PerfectPixel

Detta tillägg hjälper dig att säkerställa att varje pixel på din webbplats matchar designen.

Designers hatar situationer när de skapar en fantastisk design, men efter att ha översatt den till kod är det något som inte matchar den ursprungliga designen. Perfect Pixel-processorn är verkligen den perfekta tillägget för webbutvecklare som strävar efter att skapa webbplatser som är designade.

Detta lättanvända tillägg låter dig placera en halvtransparent bildöverlagring ovanpå en webbsida och utföra en pixel-för-pixel matchningskontroll för att säkerställa en 100-procentig matchning.

14. Kod Cola

Låter dig redigera webbsida CSS på plats.

Det här verktyget låter dig inte bara se källkoden du arbetar med, det kan också fungera som en CSS-redigerare. Detta innebär att du kan redigera CSS-stilen på dina webbsidor på plats och se resultatet av dina ändringar direkt.

15. Chrome Sniffer

Inspektion av webbapplikationer och JavaScript-bibliotek.

Detta tillägg gör det möjligt för webbutvecklare att inspektera och identifiera webbapplikationer samt JavaScript-bibliotek kopplade till ett specifikt projekt. Tillägget fungerar så enkelt som möjligt: ​​en ikon visas i adressfältet som anger vilken version av ramverket eller CMS som används.

16. Användaragentväxling

Kontrollera hur din webbplats ser ut på olika enheter.

Ett bra verktyg för att se hur en webbplats ser ut olika typer enheter som iPad, iPhone eller Android-enheter. Detta kan också vara mycket användbart när det gäller att se webbplatsen som sökmotorer ser den.

Oavsett vad du har hört om Google Chrome, när vi pratar om om webbdesign och utveckling är Firefox fortfarande den bästa webbläsaren med en vänlig utvecklingsmiljö som du kan hitta.

Heck, Firefox har till och med en speciell version av webbläsaren gjord bara för webbutvecklare. Det är så mycket Mozilla bryr sig om webbdesigners och utvecklare.

Firefox har också en enorm samling av tillägg som gör webbläsaren mer kraftfull för maximal effekt. Här är några av de bästa Firefox-tilläggen du kan använda för att göra ditt webbutvecklingsliv enklare.

Installera, testa och använd de flesta av dessa tillägg. När allt kommer omkring är de alla gratis att använda!

• Vad det gör: Inspekterar webbsidor

Firebug är ett tillägg som webbdesigners och utvecklare helt enkelt inte kan leva utan. Detta tillägg är som en förbättrad version av den integrerade utvecklarkonsolen som följer med Firefox. Firebug gör det mycket enklare för dig att inspektera element på webbsidor och visa dig hur saker fungerar på olika webbplatser.

• Lämplig för: webbutvecklare
• Vad det gör: klient för Firefox

FireFTP är en FTP/SFTP-klient för Firefox som låter dig ladda upp och överföra filer på ett säkert sätt mellan din dator och servern direkt från din webbläsare. Med detta tillägg behöver du aldrig hoppa mellan din webbläsare och FTP-klientappar igen.

• Lämplig för: webbutvecklare och designers
• Vad det gör: analysera och kontrollera webbsidor

Det är ett allt-i-ett-tillägg som lägger till ett antal användbara verktyg till din Firefox. Några av verktygen som ingår i detta tillägg är att visa och redigera CSS-formatmallar, inaktivera stilar, felsökningsverktyg etc.

• Vad det gör: Färganalysverktyg

ColorZilla är ett bra verktyg som front-end-webbdesigners kommer att finna ganska användbart. Detta tillägg har en pipett för att snabbt välja färger på en webbsida, en CSS-gradientgenerator, en färganalysator, färgpaletter och mycket mer.

• Lämplig för: webbutvecklare
• Vad det gör: Ändra webbplatser med anpassad kod

Älskad av över en miljon Firefox-användare, är Greasemonkey en tillägg som ger dig oändligt roligt. Detta tillägg låter dig anpassa populära webbplatser genom att redigera dem med din egen JavaScript-kod. Du kan också njuta av skript som redan skapats av andra utvecklare.

• Bäst för: Gränssnittsdesigners
• Vad den gör: Justerar förskjutningen av webbelement

Ett enkelt men användbart plugin som låter dig inspektera webbelement och visuellt se hur många pixlar som är avstängda i elementen, vilket skapar en komposition med transparenta lager. Med den här kompositionen kan du ställa in din faktiska webbsida så att den matchar överlägget för bästa resultat utan några gissningar.

Till exempel, om en av bilderna på din webbsida överlappar ett annat objekt, kan du använda Pixel Perfect för att bestämma hur många pixlar du behöver justera för att få den bilden på rätt plats.

• Lämplig för: webbdesigners
• Vad det gör: Laddar allt från en webbsida

Denna plugin lever upp till sitt namn genom att låta dig ladda ner allt från en webbsida. Med ett klick kan du ladda ner alla bilder, länkar och annan data som finns på en webbsida med detta tillägg. Tillägget har också en inbyggd nedladdningsaccelerator som optimerar nedladdningshastigheten med fyra gånger.

• Bäst för: Gränssnittsdesigners
• Vad det gör: Kontrollera webbsidor i Internet Explorer

Tro det eller ej, det finns människor som fortfarande använder de gamla Internetversioner Explorer för att komma åt Internet. Att skapa sajter som fungerar bra i dessa äldre webbläsare är ett av problemen som webbdesigners fortfarande brottas med. Detta plugin gör det enkelt att anpassa webbdesign för äldre webbläsare Utforskaren, skapar en ny flik i IE.

• Lämplig för: webbdesigners och utvecklare
• Vad det gör: Visar dig om tekniken som används på webbplatsen

Undrar du vilken teknik som användes för att skapa dina favoritwebbplatser? Då kommer detta tillägg att vara användbart för dig. BuiltWith är ett tillägg som låter dig skanna webbplatser för att hitta vilken teknik som används på sidan. Ett bra verktyg för alla blivande webbdesigners att lära sig av färdiga webbplatser.

• Lämplig för: webbutvecklare
• Vad det gör: Slår på eller av Java

Detta tillägg låter dig enkelt aktivera eller inaktivera Java i din webbläsare. Det kan också inaktivera Javascript, Cookies, animerade bilder, Flash och mer på webbsidan. Detta är ett användbart plugin inte bara för utvecklare, utan också för vanliga användare för att förbättra webbläsarsäkerheten och minska bandbredden.

• Bäst för: Gränssnittsdesigners
• Vad den gör: Mäter element i pixlar

Funktionen för detta tillägg är enkel, det låter dig rita en virtuell linjal ovanpå en webbsida eller ett element på en sida för att mäta bredd, höjd eller pixeljustering av elementet på webbsidan. MeasureIt är användbart för de flesta front-end-utvecklare att skapa wireframes.

• Lämplig för: webbdesigners
• Vad den gör: byter språk i webbläsaren

Detta är ett användbart verktyg som omedelbart översätter din Firefox till ett annat språk. Allt i din webbläsare, inklusive användargränssnitt, stavningskontrollordbok och webbplatsinnehåll kommer att översättas till det språk du väljer. En fantastisk funktion som du kan använda när du utvecklar flerspråkiga webbplatser.

• Bäst för: Gränssnittsdesigners
• Vad den gör: genererar dummytext

Att skapa dummytext för dina nya webbplatsmockups och prototyper är en tråkig uppgift som sannolikt inte kommer att underhålla ens en enda designer. Det här tillägget gör processen mindre tråkig genom att du kan generera Lorem Ipsum dummy-text direkt från Firefox.

• Lämplig för: webbutvecklare
• Vad den gör: redigerar och skapar cookies

Detta tillägg hanterar inte bara din webbplats cookies, utan låter dig också enkelt redigera och skapa nya filer. Några av pluginens funktioner inkluderar webbsurfning småkakor, möjligheten att ändra domänen, möjligheten att redigera flera cookies samtidigt och mycket mer.

• Bäst för: Gränssnittsdesigners
• Vad det gör: Väljer färger på en webbsida

Ett lättanvänt verktyg som låter dig välja färgerna på vilken pixel som helst på en webbsida och enkelt kopiera RGB- eller Hex-färgkoden för användning i dina egna projekt. Det här verktygets skönhet och visuella gränssnitt gör det mycket lättare för nybörjare att lära sig om färger på webbsidor.

• Lämplig för: webbdesigners och utvecklare
• Vad den gör: Ger information om programvaran som används av webbplatsen

I likhet med BuiltWith-tillägget är Wappalyzer ett annat användbart tillägg som låter dig ta reda på vad programvara används på webbplatsen. Du kan till exempel ta reda på vilken typ av CMS webbplatsen använder, vilket operativsystem webbplatsservern stöder och mycket mer.

• Lämplig för: webbutvecklare
• Vad det gör: Ändrar webbläsarens användaragent

Vill du veta hur din webbplats kommer att se ut på olika plattformar och operativsystem? Då är detta ett verktyg som definitivt kommer väl till pass för dig. User-Agent Switcher låter dig växla mellan olika plattformar som Android, Mac, Windows och utvalda operativsystem för att ändra din webbläsares användaragent.

• Lämplig för: webbdesigners och utvecklare
• Vad den gör: Visar ett exempel på hur du använder webbläsarens minnesflik

Detta är ett praktiskt tillägg som hjälper dig att avgöra hur mycket av din dators resurser som används av varje öppen flik i Firefox. Du kan använda det här verktyget för att ta reda på hur många resurser din webbplats använder och optimera din webbplats för maximal prestanda.

• Lämplig för: webb- och grafiska designers
• Vad det gör: Öppnar bilder i Photoshop

Detta tillägg gör vad namnet säger, öppnar helt enkelt bilderna du hittar på en webbsida med ett klick med hjälp av Photoshop. Du behöver inte ladda upp en bild eller starta Photoshop, tillägget gör allt du behöver.

• Bäst för: Gränssnittsdesigners
• Vad det gör: Förbättrar HTML-tabeller

Grafer, statistik, jämförelser, tabeller - detta tillägg kan göra allt. Du kan använda det här verktyget för att skapa användarvänliga och vackra HTML-tabeller och diagram.

• Lämplig för: webbutvecklare
• Vad det gör: SSH-klient för Firefox

Vanligtvis måste du installera en applikation för att köra SSH-terminalen. Dessa applikationer skiljer sig på en sak operativ system från en annan. FireSSH fungerar dock på alla plattformar så länge du har Firefox. Tillägget låter dig starta en SSH-terminal direkt från webbläsaren.

• Bäst för: Gränssnittsdesigners
• Vad det gör: Uppdatera webbsidor automatiskt

En av de irriterande sakerna som webbdesigners möter när de utvecklar webbplatser är att behöva uppdatera webbsidan manuellt efter varje liten ändring av koden. Auto Refresh är ett tillägg som löser det här problemet genom att låta dig uppdatera en eller flera flikar i Firefox automatiskt med intervall som du definierar.

• Bäst för: Gränssnittsdesigners
• Vad det gör: Ändrar storlek på Firefox-fönster för specifika skärmupplösningar

Det här tillägget låter dig ändra storlek på ditt Firefox-fönster med specifika upplösningar för att se hur din webbplats ser ut på olika skärmar. Du måste installera Firefox Add-On Bar för att detta tillägg ska fungera korrekt.

• Lämplig för: webbdesigners och utvecklare
• Vad den gör: hittar information om sidans teckensnitt och dess element

Font Finder är ett praktiskt verktyg som låter dig undersöka webbplatselement för att ta reda på det viktig information om de typsnitt som används på sidan, som typsnittets efternamn, teckensnittsfärg, radavstånd, dekoration med mera.

• Bäst för: Gränssnittsdesigners
• Vad det gör: kontrollerar webbsidor i olika webbläsare

Funktionen för detta tillägg är enkel. Det låter dig omedelbart öppna vilken webbsida du tittar på i Firefox med en annan webbläsare med bara ett klick. Det finns ingen anledning att kopiera webbadresser, öppna varje webbläsare en efter en och klistra in webbadresserna för att öppna webbplatsen.

• Lämplig för: webbdesigners och utvecklare
• Vad det gör: rensar webbläsarens cacheminne

Detta tillägg rensar omedelbart cachen Firefox webbläsare(RAM och DISK) för att minska användningen av datorresurser. Tillägget låter dig rensa cachen genom att helt enkelt klicka på en knapp eller trycka på F9-tangenten på ditt tangentbord. Om du snabbt vill se ändringar som gjorts på en webbsida kommer detta tillägg att vara mycket användbart.

Med den växande populariteten för webbläsaren Google Chrome dyker det upp tillägg som sparar webbutvecklare tid genom att de ger dem möjlighet att spåra fel och problem med webbplatsens prestanda.

Här är några användbara tillägg för Google Chrome.

Webbutvecklartillägg

Jag skulle vilja notera det mest bekväma och kraftfulla verktyget för en webbutvecklare och webbdesigner - Webbutvecklartillägg för Google Chrome.

Tillägget läggs till i Google Chromes verktygsfält i form av en knapp med en kugghjulsikon och innehåller olika verktyg för att utveckla och felsöka en webbplats. Detta är en officiell anpassning av den populära, skriven av samma utvecklare.

Tillägget har ett stort antal alternativ.

Många behöver till exempel bara ta reda på färgen på elementet på skärmen i hexadecimalt format. För detta ändamål har plugin-programmet speciell funktion. I avsnittet Övrigt väljer du Visa färgväljare.

Genom att välja Visa färgväljare blir markören ett kryss. Om du nu klickar på någon del av skärmen i det nedre högra hörnet av webbläsaren visas färgen i hexadecimal för användning i CSS.