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 å gi preferanse til nettleser tillegg/utvidelser, 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 å sende informasjonen din til tredjeparter og som ikke støttes av annonseinntekter. Vi vil fokusere 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. Webutvikler
Legger til noen nyttige tilleggsfunksjoner til nettleseren din for kontroll over 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 bare ved å skanne QR-koden. Bra for testing responsive nettsteder, selv om du ikke opprettet dem. Last ned lenker: Chrome / Chromium, Firefox
7. Maker av HTTP-forespørsel
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. Verktøy for ordtelling
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 Hjelper
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
Kommentar 0 Responses