De 15 beste Chrome Extensions for programmerere og utviklere

Hvis du er en programmerer som ikke bruker Chrome, er du i minoriteten.

Det er så mange grunner til å foretrekke denne nettleseren for programmering, for eksempel Googles massive innflytelse på webens retning, de innebygde funksjonene som gjør utviklingen mindre frustrerende, og det rene antallet tilgjengelige utvidelser.

Det siste punktet er en avgjørende. Fra februar 2018 har Chrome over 60 prosent markedsandel på skrivebord - det er ikke rart at de fleste utvidelsesskapere først og fremst fokuserer på Chrome. Når det er sagt, her er de beste Chrome-utvidelsene du bør bruke hvis du er en utvikler av noe slag, men spesielt en webutvikler. Programmering vs Webutvikling: Hva er forskjellen? Programmering vs Webutvikling: Hva er forskjellen? Du tror kanskje at applikasjonsprogrammerere og webutviklere gjør den samme jobben, men det er langt fra sannheten. Her er de viktigste forskjellene mellom programmerere og webutviklere. Les mer .

Generelle utviklingsutvidelser

1. Sesong Buddy

Chrome har en fantastisk funksjon som kalles egendefinerte brukerprofiler som lar deg lage separate sett med bokmerker, innstillinger, faner, historier, etc. Du bør definitivt sette opp en spesifikk for programmering, hvis du ikke allerede har.

Men Session Buddy tar det et skritt videre, slik at du kan lagre spesifikk “tabs økter” og bytte mellom dem etter ønske, noe som kommer til nytte når du jobber med flere prosjekter.

Nedlasting: Session Buddy

2. iMacros for Chrome

iMacros er en utvidelse som lar deg automatisere repeterende oppgaver. Du kan “ta opp” visse handlinger (for eksempel museklikk og tastetrykk), lagre dem som makroer, og kjør dem når som helst med et enkelt klikk. Det sparer så mye tid når du fyller skjemaer, prøver endringer, etc. For makroer utenfor Chrome anbefaler vi AutoHotkey-skript.

Nedlasting: iMacros for Chrome

3. Web Timer

Web Timer sporer hvor mye tid du bruker (eller avfall) på ulike nettsteder, noe som kan bidra til å dempe tendenser for å utskyve. Den sporer bare når Chrome er i fokus, og det er smart nok til å stoppe sporing når du har gått tomgang.

Nedlasting: Web Timer

Hvis du vil ha en mer avansert tidsavsporing, anbefaler vi på tvers av plattformen Toggl Den beste tidsoppfølgingsappen for Android, iOS og skrivebord Den beste tidsporingsappen for Android, iOS og skrivebord Vi viser deg hvordan tidssporing kan gi deg fordel eller teamet ditt, hva du skal se etter i tidssporingsprogramvare, og det beste tversplattformsprogrammet vi kan finne for jobben. Les mer .

4. Awesome Skjermbilde

Awesome Skjermbilde er en alt-i-ett-utvidelse for å ta tak i skjermbilder, opptak av skjermvideoer, annotere og uklare snakkede bilder og ett klikk å dele skjermdumpene dine med andre. En fin funksjon er dens evne til å skjermbilde en hel nettside og sy det hele sammen som et stort bilde. For en løsning som også fungerer utenfor Chrome, sjekk ut disse beste verktøyene for å lage skjermbilder.

Nedlasting: Awesome Skjermbilde

5. Marmoset

Marmoset er et morsomt lite verktøy for å lage 3D skjermbilder av koden din. Når du snap et bilde, kan du rotere og skjede og skala i 3D, noe som gjør det mer interessant når du vil dele utklipp. Det er også nyttig når du lager kodebaserte bilder eller kikker på kildekoden på prosjektets hjemmeside.

Nedlasting: marmoset

Webutviklingsutvidelser

6. Webutvikler

Hvis det er en utvidelse du installerer for å hjelpe i webutvikling, la det være dette. Webutvikler er fullpakket med flere bekvemmelighetsfunksjoner, inkludert en-klikks bygging av JavaScript og plugins, vindu resizing for å teste responsive design, testing og feilsøking av bilder, og mer.

Nedlasting: Webutvikler

7. Bruker-agent Switcher

Av de mange “bruker agent switcher” utvidelser i Chrome Nettmarked, dette er den beste. Det blir fortsatt oppdatert, det kaprer ikke koblinger, det kommer med en rekke standardbrukeragentstrenger, men lar deg også lage egendefinerte brukeragentstrenger. Det er den eneste utvidelsen av sin type som pålidelig fungerer.

Nedlasting: Bruker-Agent Switcher

8. Wappalyzer

Hvis du vil vite hva slags webteknologi som driver et bestemt nettsted, vil Wappalyzer fortelle deg med et enkelt klikk. Det er smart nok til å oppdage CMSes (for eksempel WordPress), webrammer (for eksempel React), verktøy og verktøy (for eksempel Google Analytics), e-handelsplattformer (for eksempel Shopify) og mye mer.

Nedlasting: Wappalyzer

9. IE Tab

Fra februar 2018 er over 13 prosent av desktop-brukere fortsatt på Internet Explorer, noe som er synd fordi IE er langt fra kompatibel med moderne webstandarder. Det er derfor du trenger IE Tab, som emulerer IE i en ny kategori, og lar deg teste nettsteder i forskjellige versjoner: IE6, IE7, IE8, IE9, samt ActiveX-kontroller. Virkelig nyttig hvis du trenger nettstedet ditt for å være kompatibelt med alle nettlesere, uansett hvor gammel.

Nedlasting: IE Tab

10. Klikk og Clean

Når du utvikler et nettsted, er det få ting som er irriterende for at du hele tiden skal tømme nettleserdata for å sikre at du laster inn ferske endringer. Klikk & Clean gjør ikke bare det raskere, men gir også mer kontroll over hva du kan rengjøre (for eksempel slette databaser og plugin data, lagre informasjonskapsler for bestemte nettsteder osv.).

Nedlasting: Click & Clean

11. WhatFont

WhatFont er den raskeste måten å identifisere fonter på nettet. Det er en ting å høyreklikke på et element, velg Inspekter element, og se gjennom stilarket for å finne ut hva det er. Med WhatFont kan du ikke bare se hva en skrifttype bare ved å svinge over et element, men det forteller deg også hvordan denne fonten blir servert (for eksempel Google Fonts, TypeKit, etc).

Nedlasting: WhatFont

12. ColorPick Eyedropper

ColorPick Eyedropper er et verktøy som lar deg zoome inn og få den eksakte fargekoden til noen piksler på en hvilken som helst nettside. Fargekoden er tilgjengelig i heks, RGB og HSL. Det er ekstremt praktisk, og mye raskere enn å inspisere elementer for å se hvilke farger som brukes i stilarket, eller laste ned bilder og plukke farger i en bildeditor.

Nedlasting: ColorPick Eyedropper

13. Lorem Ipsum Generator

Når du utvikler et nettsted, vil du til slutt trenge litt dummy tekst. Lorem ipsum generatorer er rikelig på nettet, men Lorem Ipsum Generator er alltid tilgjengelig umiddelbart innenfor din nåværende kategori. Det er raskt, og du kan tilpasse hvor mange avsnitt du vil ha og hvor mange setninger per avsnitt.

Nedlasting: Lorem Ipsum Generator

14. Sjekk Mine koblinger

På slutten av et webutviklingsprosjekt, vil du gjøre et endelig pass på alle kjerne sider for å sikre at alle dine koblinger fungerer. Sjekk Mine koblinger gjør denne prosessen så enkelt som mulig. Bare klikk på knappen, og det vil skanne alle koblinger på den nåværende siden, deretter markere hver etter om den er ødelagt eller fungerer.

Nedlasting: Sjekk mine koblinger

15. Dimensjoner

Dimensjoner er mer et verktøy for webdesign enn webutvikling, men siden de to har en tendens til å overlappe, vil du sannsynligvis ønske å bruke denne utvidelsen. Kort sagt måler det øyeblikkelig avstanden mellom to webelementer, inkludert tekst, bilder, videoer og skjemafelter. Det kan også måle avstanden fra musemarkøren til noen av de støttede webelementene.

Nedlasting: dimensjoner

Flere Chrome-utvidelser som kan vise seg å være nyttige

I tillegg til det ovennevnte anbefaler vi på det sterkeste disse kategoristyringen Chrome-utvidelser og disse produktivitetsforbedringene Chrome, som er to ting som kan frustrere deg som en utvikler ved hjelp av Chrome.

Du bør også sjekke ut vårt store utvalg av de beste Chrome-utvidelsene. De beste Chrome-utvidelsene. De beste Chrome-utvidelsene. En liste over bare de beste utvidelsene for Google Chrome, inkludert forslag fra våre lesere. Les mer, som dekker alt fra sikkerhet til underholdning, fra shopping til generell produktivitet, og så mye mer.

Utforsk mer om: Nettleserutvidelser, Google Chrome, Programmering.