Udvikling af en god hjemmeside, der overholder de almindeligt accepterede "bedste praksis", kan være super hård, og til tider kan fejlfinding for at rette fejl i din kode være endnu sværere.

Heldigvis er der flere udvidelser tilgængelige i Chrome-netbutikken, der i høj grad kan øge produktiviteten og gøre livet lettere, når du arbejder på websteder og browserbaserede applikationer.

Her er elleve af de bedste af Chrome-udvidelser til webdesignere og udviklere:

Relateret : 7 af de bedste Chrome-udvidelser, du skal prøve

1. WhatFont

WhatFont er et godt værktøj til at spotte de forskellige typer skrifttyper på en webside ved blot at svinge musen på dem.

Når du klikker på skrifttypen, giver den dig yderligere oplysninger om dens nøjagtige type, størrelse og liniehøjde. Så simpelt og elegant.

2. StyleBot

StyleBot er en CSS-udvidelse til webudviklere. Det hjælper dig med at tilpasse udseendet på enhver hjemmeside ved at vælge elementet og ændre det er stil fra editoren.

Der er også en avanceret CSS-fane, hvor du kan skrive dine egne regler direkte. Det er især nyttigt for folk, der bare lærer CSS.

3. BuiltWith Technology Profiler

BuiltWith Profiler bruges til at kontrollere, hvilke teknologier et websted er bygget på.

Når du har klikket på ikonet i Chrome-linjen, vises det en bakke, hvor du kan se de forskellige teknologier, som et websted bruger, såsom Webserver, Content Delivery Network, Content Management System, JavaScript-biblioteker og funktioner og meget mere.

Dette kan hjælpe dig med at beslutte, hvilke der skal implementeres på dine egne webprojekter.

4. Webudvikler

Webudvikler er en udvidelse til Chrome, der blev sendt fra den populære Firefox-version.

Det giver et væld af værktøjer til din browser, herunder mulighederne for at skifte mellem stylesheets, deaktivere JavaScript, vise skjulte elementer eller udfylde formularer.

Der er masser af godbidder her til at teste din kode eller eksperimentere, så sørg for at tjekke det ud.

5. ColorZilla

ColorZilla er en vidunderlig udvidelse til webdesignere, der ønsker at tjekke den nøjagtige farve på hjemmesider, de kan lide.

Med det kan du få en farvevisning fra ethvert punkt i din browser og kopiere Hex eller RGB-værdien for at indsætte i et andet program.

Der er flere andre funktioner som Eyedropper, Palette Viewer, CSS Gradient Generator, Plukket Farvehistorie og en webside farveanalysator, der giver en palette til enhver hjemmeside.

6. Capture Page Screenshot (FireShot)

FireShot gør et meget simpelt arbejde. Det giver dig mulighed for at tage et skærmbillede af forskellige dele af en webside eller hele websiden selv og eksportere til PDF, JPEG, GIF, PNG eller BMP.

7. Sidelinjeren

Sidelinjeren giver dig mulighed for at måle bredden, højden og placeringen af ​​ethvert element på en webside ved at tegne en linjal rundt om elementet og ændre størrelsen på dit hjertes ønske.

Du kan også skifte til "Element Mode" for at skitsere hvert element på en side som du mus over dem.

8. YSlow

YSlow hjælper dig med at fremskynde dine hjemmesider ved at analysere din side og foreslå måder at forbedre ydeevnen på.

Det tester dine sider mod et foruddefineret regelsæt, som er bredt accepteret og opsummerer din sides belastningstid, webstedskomponenter og statistiske diagrammer.

9. Checkliste for webudvikler

Dette praktiske værktøj kontrollerer dine websider for at sikre, at de følger de bedste metoder vedrørende SEO, HTML-validering, mobilrespons, brugbarhed og hastighed.

Du kan også besøge udviklerens hjemmeside for en mere dybtgående tjekliste.

10. Søg Stack Overflow

Søg Stack Overflow er en meget enkel udvidelse, der tilføjer et søgefelt til din browser for at finde emner på Stack Overflow.

Du kan søge efter stort set alt relateret til webudvikling eller programmering generelt, og du vil sandsynligvis finde en god ressource til at løse dine problemer.

11. Tjek Mine Links

Tjek Mine links Chrome-udvidelse hjælper med at registrere brudte links på din webside.

Når du har installeret det, skal du klikke på ikonet på kromlinjen, og det vil dukke op i en resultatsrude, hvor du kan se det samlede antal links på siden, og hvis der er nogen brudte.

Det fremhæver også alle de gode links i grønne og brudte i rødt for nem spotting.

Konklusion

Der er ingen benægtelse, at alle disse store Chrome-udvidelser har reduceret det stærke fald i design eller udvikling af webapplikationer. Hvis du ikke allerede har nogle eller nogle af disse, mangler du meget, så prøv dem, der er relevante for dig, og oplev en hurtigere måde at arbejde lige fra din webbrowser.

Hvilke andre Chrome-udvidelser bruger du? Del dem med os i kommentarfeltet nedenfor.