De 15 bästa Chrome-förlängningarna för programmerare och utvecklare

Om du är en programmerare som inte använder Chrome, är du i minoriteten.

Det finns så många anledningar att föredra den här webbläsaren för programmering, till exempel Googles stora inflytande på webens riktning, de inbyggda funktionerna som gör utvecklingen mindre frustrerande och det stora antalet tillgängliga tillägg.

Den sista punkten är avgörande. Från och med februari 2018 har Chrome över 60 procent marknadsandelar på stationära datorer - det är inte konstigt att de flesta förlängningsskapare fokuserar sina insatser på Chrome först. Det är sagt, här är de bästa Chrome-tilläggen du borde använda om du är en utvecklare av något slag, men speciellt en webbutvecklare Programmering vs Webbutveckling: Vad är skillnaden? Programmering vs Webbutveckling: Vad är skillnaden? Du kanske tror att applikationsprogrammerare och webbutvecklare gör samma jobb, men det är långt ifrån sanningen. Här är de viktigaste skillnaderna mellan programmerare och webbutvecklare. Läs mer .

Allmänna utvecklingsförlängningar

1. Session Buddy

Chrome har en fantastisk funktion som heter anpassade användarprofiler som låter dig skapa separata uppsättningar av bokmärken, inställningar, flikar, historier etc. Du bör definitivt ställa in en speciell för programmering, om du inte redan har.

Men Session Buddy tar det ett steg längre, så att du kan spara specifika “flik sessioner” och växla mellan dem efter vilja, vilket kommer till nytta när du arbetar med flera projekt.

Ladda ner: Session Buddy

2. iMacros för Chrome

iMacros är en förlängning som låter dig automatisera repetitiva uppgifter. Du kan “spela in” vissa åtgärder (t.ex. musklick och tangenttryck), spara dem som makron och kör dem när du vill med ett enda klick. Det sparar så mycket tid när du fyller i formulär, testningsändringar etc. För makron utanför Chrome rekommenderar vi AutoHotkey-skript.

Ladda ner: iMacros för Chrome

3. Webtimer

Web Timer spårar hur mycket tid du spenderar (eller spenderar) på olika webbplatser, vilket kan hjälpa till att begränsa tendenser att utgå. Den spårar bara när Chrome är i fokus, och det är smart nog att sluta spåra när du har gått i tomgång.

Ladda ner: Webtimer

Om du vill ha en mer avancerad tidspårare rekommenderar vi starkt crossplattformen Toggl Den bästa tidspårningsapplikationen för Android, iOS och skrivbord Den bästa tidspårningsappen för Android, iOS och skrivbord Vi visar hur tidspårning kan gynna dig eller ditt team, vad du ska leta efter i tidspårningssoftware, och den bästa plattformsapplikationen vi kunde hitta för jobbet. Läs mer .

4. Awesome Skärmdump

Awesome Screenshot är en allt-i-ett-förlängning för att ta skärmdumpar, spela in skärmvideor, kommentera och suddiga knäppta bilder och ett-klick dela dina skärmdumpar med andra. En niffig funktion är dess förmåga att skärmdump en hel webbsida och sy ihop allt som en jätte bild. För en lösning som också fungerar utanför Chrome, kolla in de bästa verktygen för att skapa skärmdumpar.

Ladda ner: Fantastisk skärmdump

5. Marmoset

Marmoset är ett roligt litet verktyg för att skapa 3D skärmdumpar av din kod. När du snapar en bild kan du rotera och skeva och skala i 3D, vilket gör det mer intressant när du vill dela ut delar. Det är också användbart när du skapar kodbaserade bilder eller tittar på källkoden på projektets hemsida.

Ladda ner: marmoset

Webutvecklingsförlängningar

6. Webbutvecklare

Om det finns en förlängning du installerar för att hjälpa till med webbutveckling, låt det vara den här. Webbutvecklare är förpackad med flera bekvämlighetsfunktioner, inklusive enklickskiftning av JavaScript och plugins, fönsterändring för att testa responsiva mönster, testa och felsöka bilder och mer.

Ladda ner: Webbutvecklare

7. Användar-Agent Switcher

Av de många “användaromvandlare” tillägg i Chrome Web Store, den här är den bästa. Det uppdateras fortfarande, det kapar inte länkar, det kommer med ett antal standard användaragentsträngar, men låter dig också skapa anpassade användaragentsträngar. Det är den enda förlängningen av sitt slag som på ett tillförlitligt sätt fungerar.

Ladda ner: User-Agent Switcher

8. Wappalyzer

Om du vill veta vilken typ av webbteknologi som driver en viss webbplats, kommer Wappalyzer att berätta för dig med ett enda klick. Det är smart nog att upptäcka CMS (t.ex. WordPress), webbramar (t.ex. React), verktyg och verktyg (t ex Google Analytics), e-handelsplattformar (t.ex. Shopify) och mycket mer.

Ladda ner: Wappalyzer

9. IE Tab

Från och med februari 2018 finns fortfarande mer än 13 procent av stationära användare på Internet Explorer, vilket är synd eftersom IE är långt ifrån överensstämmande med moderna webbstandarder. Det är därför du behöver IE Tab, som emulerar IE i en ny flik och låter dig testa webbplatser i olika versioner: IE6, IE7, IE8, IE9, plus ActiveX-kontroller. Riktigt användbart om du behöver din webbplats för att vara kompatibel med alla webbläsare, oavsett hur gammal.

Ladda ner: IE-fliken

10. Klicka på & Clean

När du utvecklar en webbplats är det få irriterande att ständigt rensa webbläsningsdata för att se till att du laddar nya ändringar. Klicka & Clean gör inte bara det snabbare, men ger också mer kontroll över vad du kan rengöra (t ex radera databaser och plugin-data, behåll cookies för vissa webbplatser osv.).

Ladda ner: Click & Clean

11. WhatFont

WhatFont är det snabbaste sättet att identifiera teckensnitt på webben. Det är en sak att högerklicka på ett element, välj Inspekteringselement, se sedan stilarket för att hitta vad det är. Med WhatFont kan du inte bara se vad en typsnitt bara svävar över ett element, men det berättar också om hur den typsnittet serveras (t.ex. Google Fonts, TypeKit, etc).

Ladda ner: WhatFont

12. ColorPick Eyedropper

ColorPick Eyedropper är ett verktyg som låter dig zooma in och få exakt färgkod för alla pixlar på vilken webbsida som helst. Färgkoden finns i hex, RGB och HSL. Det är mycket bekvämt och mycket snabbare än att inspektera element för att se vilka färger som används i stilarket, eller ladda ner bilder och välja färger i en bildredigerare.

Ladda ner: ColorPick Eyedropper

13. Lorem Ipsum Generator

När du utvecklar en webbplats behöver du så småningom lite text. Lorem ipsum generatorer är rikliga på webben, men Lorem Ipsum Generator är alltid tillgänglig direkt inom din nuvarande flik. Det är snabbt, och du kan anpassa hur många stycken du vill ha och hur många meningar per stycke.

Ladda ner: Lorem Ipsum Generator

14. Markera Mina länkar

I slutet av ett webbutvecklingsprojekt vill du göra ett slutgiltigt pass på alla kärnsidor för att se till att alla dina länkar fungerar. Kontrollera Mina länkar gör processen så enkel som möjligt. Klicka bara på knappen och det kommer att skanna alla länkar på den aktuella sidan, markera sedan var och en beroende på om den är trasig eller fungerar.

Ladda ner: Kolla mina länkar

15. Mått

Mått är mer ett verktyg för webbdesign än webbutveckling, men eftersom de två tenderar att överlappa, kommer du förmodligen att vilja använda den här utvidgningen. Kort sagt mäter det omedelbart avståndet mellan två webelement, inklusive text, bilder, videor och formulärfält. Det kan även mäta avståndet från muspekaren till något av de stödda webelementen.

Ladda ner: Mått

Fler Chrome-tillägg som kan visa sig användbara

Utöver det ovanstående rekommenderar vi starkt dessa flikhanterings Chrome-tillägg och dessa företagsproduktivitet Chrome-tillägg, som är två saker som kan störa dig som en utvecklare med hjälp av Chrome.

Du bör också kolla in vårt stora utbud av de bästa Chrome-tilläggen. De bästa Chrome-tilläggen De bästa Chrome-tilläggen En lista med bara de bästa tilläggen för Google Chrome, inklusive förslag från våra läsare. Läs mer, som täcker allt från säkerhet till underhållning, från shopping till generell produktivitet och så mycket mer.

Utforska mer om: Browser Extensions, Google Chrome, Programmering.