Att utveckla en bra webbplats som följer de allmänt accepterade "bästa metoderna" kan vara superhård, och ibland debuggerar du för att fixa fel i din kod är ännu svårare.

Lyckligtvis finns det flera tillägg i Chrome-nätbutiken som kan öka produktiviteten avsevärt och göra livet enklare när du arbetar med webbplatser och webbaserade applikationer.

Här är elva av de bästa av Chrome-tilläggen för webbdesigners och utvecklare:

Relaterat : 7 av de bästa Chrome-tilläggen du behöver prova

1. WhatFont

WhatFont är ett bra verktyg för att fånga olika typer av teckensnitt på en webbsida genom att sväva musen på dem.

När du klickar på teckensnittet ger den dig ytterligare information om exakt typ, storlek och linjehöjd. Så enkelt och elegant.

2. StyleBot

StyleBot är en CSS-tillägg för webbutvecklare. Det hjälper dig att anpassa utseendet på vilken webbplats som helst genom att plocka elementet och ändra stilen från redigeraren.

Det finns också en avancerad CSS-flik där du kan skriva egna regler direkt. Det är särskilt användbart för personer som bara lär sig CSS.

3. BuiltWith Technology Profiler

BuiltWith Profiler används för att kontrollera vilken teknik en webbplats är byggd på.

När du klickar på ikonen i Chrome-fältet dyker det upp ett fack där du kan se olika teknologier som en webbplats använder som webbserver, innehållsleveransnätverk, innehållshanteringssystem, JavaScript-bibliotek och funktioner och mycket mer.

Detta kan hjälpa dig att bestämma vilka som ska genomföras på dina egna webbprojekt.

4. Webbutvecklare

Webutvecklare är en förlängning för Chrome som portades från den populära Firefox-versionen.

Det ger en mängd verktyg till din webbläsare, inklusive alternativen att byta mellan stylesheets, inaktivera JavaScript, visa dolda element eller fylla i formulär.

Det finns massor av godis här för att testa din kod eller experimentera, så var noga med att kolla in den.

5. ColorZilla

ColorZilla är en underbar förlängning för webbdesigners som vill kolla in den exakta färgen på webbplatser som de gillar.

Med det kan du få en färgläsning från vilken som helst punkt i din webbläsare och kopiera hex eller RGB-värdet för att klistra in i ett annat program.

Det finns flera andra funktioner som Eyedropper, Palette Viewer, CSS Gradient Generator, Plockad Färghistorik och en webbsida färganalysator som ger en palett för vilken webbplats som helst.

6. Capture Page Screenshot (FireShot)

FireShot gör ett mycket enkelt jobb. Det låter dig ta en skärmdump av olika delar av en webbsida eller hela webbsidan och exportera till PDF, JPEG, GIF, PNG eller BMP.

7. Sidoregler

Sidoregulator kan du mäta bredden, höjden och positionen för ett element på en webbsida genom att dra en linjal runt elementet och ändra storlek på ditt hjärta.

Du kan också ändra till "Element Mode" för att skissera varje element på en sida som du mus över dem.

8. YSlow

YSlow hjälper dig att snabba upp dina webbplatser genom att analysera din sida och föreslå sätt att förbättra prestanda.

Det tester dina sidor mot en fördefinierad uppsättning regler som är allmänt accepterade och sammanfattar sidans lasttid, sidokomponenter och statistiska diagram.

9. Checklista för webbutvecklare

Detta praktiska verktyg kontrollerar dina webbsidor för att säkerställa att de följer bästa praxis avseende SEO, HTML-validering, mobil responsivitet, användbarhet och hastighet.

Du kan också besöka utvecklarens webbplats för en mer ingående checklista.

10. Sök Stack Överflöde

Search Stack Overflow är en mycket enkel förlängning som lägger till en sökruta i din webbläsare för att titta på ämnen på Stack Overflow.

Du kan söka efter nästan vad som helst som är relaterat till webbutveckling eller programmering i allmänhet och du kommer sannolikt att hitta en bra resurs för att lösa dina problem.

11. Markera Mina länkar

Kontrollera Mina länkar Chrome-tillägg hjälper till att upptäcka trasiga länkar på din webbsida.

När du har installerat det, klicka på ikonen på kromfältet och det kommer att dyka upp en resultatruta där du kan se det totala antalet länkar på sidan och om det finns några trasiga.

Det belyser också alla bra länkar i grön och brutna i rött för enkel spotting.

Slutsats

Det finns ingen förnekande att alla dessa stora Chrome-förlängningar har kraftigt minskat det förödande att designa eller utveckla webbapplikationer. Om du inte redan har några eller några av dessa saknar du mycket, så snälla prova de som är relevanta för dig och uppleva ett snabbare sätt att arbeta direkt från din webbläsare.

Vilka andra Chrome-tillägg använder du? Dela dem med oss ​​i kommentarfältet nedan.