15 beste nettleserutvidelser for utviklere (2020)

Den største endringen for 2018 har vært den store overhalingen av FireFox, og med det fungerer tilleggsprogrammer i den nettleseren. Som et resultat blir mange populære tillegg ikke lenger vedlikeholdt eller blitt utilgjengelige.

De fleste tillegg for Firefox er også tilgjengelige som utvidelser for Google Chrome. I denne artikkelen vil vi prøve å foretrekke tillegg / utvidelser på tvers av nettlesere, som i denne sammenheng betyr at de vil fungere på Firefox, Chrome og Chromium. Vi vil også foretrekke gratis utvidelser som ikke er kjent for å overføre informasjonen din til tredjeparter og ikke støttes av annonseinntekter. Vi fokuserer mer på utvidelser som ikke begrenser deg til en bestemt utviklingsteknologi.

Få utviklere ville se noen fordel ved å bruke Microsoft Edge som en utviklingsleser, men det er greit for testing etter utvikling. Bare litt over 4 av hver 100 besøkende kan forvente å bruke det, selv om antallet kan forventes å øke litt etter hvert som flere brukere forlater Internet Explorer.

Selv om det er langt flere Chrome-brukere enn det er Firefox-brukere, pleier de i IT-gruppen å foretrekke Firefox, og det er derfor det er flere og bedre utvidelser som er rettet mot utviklere i Firefox.

La oss nå se på de aller beste nettleserutvidelsene for utviklere og hvorfor du kanskje vil legge dem til i nettleseren din.

1. Bygget med

Når du befinner deg på et virkelig godt laget nettsted og vil vite hvordan de har laget det, vil denne utvidelsen spare deg for mye tid og krefter på å grave i kildekoden. Last ned lenker: Chrome / Chromium, Firefox

2. øks

Dette er et tilgjengelighetsrevisjonsverktøy. Det er alltid best å prøve å gjøre sidene dine så tilgjengelige som mulig, og øks vil hjelpe deg å unngå å ekskludere et segment av brukere fra nettstedet ditt. Last ned lenker: Chrome / Chromium, Firefox

3. ColorZilla

Denne gamle utvidelsen er en oldie, men fremdeles lar deg prøve farger direkte fra en side, hente fargekoder, generere graderinger og mer. Last ned lenker: Chrome / Chromium, Firefox

4. WebDeveloper

Legger til noen nyttige tillegg i nettleseren din for kontroll av CSS, skjemaer, bilder og informasjon. En av de mest populære utvidelsene som noen gang er laget. Last ned lenker: Chrome / Chromium, Firefox

5. Woo-rangering

Analyser hvilken som helst webside for SEO-data. Gir en kraftig rapport som viser alle SEO-internene, inkludert en samlet SEO-poengsum, forbedringsforslag, søkeordsky og mye mer. Last ned lenker: Chrome / Chromium, Firefox

6. Tab2QR

Generer en QR-kode for siden du er på, og du kan besøke siden med telefonen din bare ved å skanne QR-koden. Bra for å teste responsive nettsteder, selv om du ikke opprettet dem. Last ned lenker: Chrome / Chromium, Firefox

7. HTTP Request Maker

Dette kan være veldig nyttig for å teste PHP-skjema-svar der du ikke egentlig vil sende inn skjemaet (noe som kan utløse ytterligere behandling du ikke trenger å teste). Med dette verktøyet kan du forfalske HTTP-forespørsler uten problemer. Merk at selv om Chrome og Firefox-utvidelsene har samme navn og gjør de samme tingene, er de laget av forskjellige utviklere og er ikke helt like. Last ned lenker: Chrome / Chromium, Firefox

8. Sideytelsestest

Få raskt en rapport om hvordan siden din presterer i forskjellige stadier av sin reise til nettleseren din. Det er litt som en mer avansert versjon av tracert. Denne er bare tilgjengelig på Firefox for nå. Det finnes lignende utvidelser for Chrome og Chromium, men de er ikke så rike på funksjoner som denne. Last ned lenker: Firefox

9. Word Count Tool

Denne kan faktisk gjøre mer enn navnet tilsier, for den vil også fortelle deg hvor mange tegn og hvor mange setninger som er innenfor en valgt tekstblokk (eller hele siden). Last ned lenker: Chrome / Chromium, Firefox

10. Sjekkliste for nettutviklere

Forsikre deg om at du følger de beste retningslinjene for nettutvikling, med dette verktøyet som viser hvor standardene dine kan ha gått. Last ned lenker: Chrome / Chromium, Firefox

11. Editor for bildekart

En av en trio med utmerkede utvidelser fra den tyske utvikleren Heinz-Jürgen Boms, denne gjør nøyaktig hva navnet sier at den gjør. Du kan generere et bildekart direkte i nettleseren bare ved å spore over områdene til et bilde du vil kartlegge. Last ned lenker: Firefox

12. Avansert Frame Editor

En annen utvidelse fra Heinz-Jürgen Boms, dette er virkelig et CSS-stylingverktøy der du kan bygge en ramme direkte i nettleseren ved å spesifisere attributtene. Det er verdt å sjekke ut dokumentasjon før du begynner å bruke den. Last ned lenker: Firefox

13. Bootstrap Responsive Helper

Dette er en veldig enkel liten utvidelse som hjelper deg med å se raskt om breakpoints fungerer riktig og hvilket oppstartsnivå nivået er for nåværende modus. Selvfølgelig trenger du bare denne utvidelsen hvis du faktisk jobber i Bootstrap. Chrome-versjonen er utviklet av Jonathan Defraiteur, og Firefox-versjonen er utviklet av Kevin Bon. Last ned lenker: Chrome / Chromium, Firefox

14. Prøv det selv HTML5 Editor

Hvis du foretrekker å holde ting enkelt og bare få alt arbeidet gjort fra ett sted, er denne utvidelsen noe for deg. Denne kontekstbevisste redaktøren er rik på funksjoner, og fungerer direkte i nettleseren og støtter HTML, CSS og JavaScript. Det er langt fra perfekt, men for en rask og skitten redigering uten å bry deg om å åpne en egen applikasjon, får den jobben gjort. Last ned lenker: Firefox

15. Røntgenbriller

Teknisk sett er ikke dette en utvidelse, det er faktisk et bokmerke. Men det fungerer så bra, vi kunne ikke la det være på listen. Selv om den er laget av Mozilla, fungerer den like bra i Chrome fordi begge nettleserne er i samsvar med standardene. For å bruke den, må du synliggjøre bokmerkefeltet. Gå deretter til nedlastningssiden, som du kan nå via lenkene nedenfor, og dra X-Ray Goggles-knappen til bokmerkefeltet. Da er det bare å besøke et hvilket som helst sted, slå av røntgenmerke-bokmerket ditt, velg et element på siden, og du kan redigere koden for det. Last ned lenker: Chrome / Chromium, Firefox

header image med tillatelse fra

Bogdan Rancea

Bogdan er et grunnleggende medlem av Inspired Mag, etter å ha opparbeidet seg nesten 6 års erfaring i løpet av denne perioden. På fritiden liker han å studere klassisk musikk og utforske billedkunst. Han er ganske besatt av fixies også. Han eier 5 allerede.