De 8 beste Microsoft Edge-tilleggene for utviklere

For en utvikler kan det være hektisk å bruke en rekke dedikerte verktøy for hver oppgave. Nettlesertillegg kan imidlertid gjøre deg mer produktiv ved å gi tilgang til ulike funksjoner fra én nettleserplattform.

Alle de beste nettleserne kommer med utvidelser for profesjonelle. Og hvis du bruker Microsoft Edge, kan utviklingsoppgavene dine bli enklere med enkelte nettlesertillegg. Her vil vi diskutere de beste Microsoft Edge-tilleggene som webutviklere bør bruke.

React Developer Tools er et DevTools-tillegg for nettleseren. Det vil legge til to nye faner kalt Components and Profiler i Edge DevTools. Åpen kildekode-tillegget trenger din tillatelse for å få tilgang til React-treet på en side.

Komponenter-fanen viser root React-komponentene på siden, sammen med underkomponentene. Velg en hvilken som helst komponent fra treet for å inspisere og redigere dens nåværende rekvisitter, tilstanden og krokene i det høyre panelet.

Du kan også bruke dette tillegget for å finne ut om en applikasjon inneholder React.js eller ikke. Ved å bruke Profiler-fanen kan utviklere registrere ytelsesinformasjon.

Hvis du er interessert i å analysere GitHub-kode, kan Octotree-tillegget forbedre opplevelsen av GitHub-kodegjennomgang og utforskning. Den viser deg et IDE-lignende kodetre og lar deg utføre fil- og mappesøk.

Dette tillegget med høy ytelse er i stand til å jobbe med depoter i alle størrelser. Dessuten støtter den private depoter og lar deg bokmerke pull-forespørsler, repo, filer og problemer.

Du kan også abonnere på PRO-versjonen av dette tillegget for å få noen tilleggsfunksjoner. Disse inkluderer støtte for flere GitHub-kontoer og GitHub Enterprise, flere faner, kodefontinnstillinger, pull request-kodegjennomgang, filikontemaer og endre dokkingposisjon.

Accessibility Insights for Web er et Microsoft Edge-nettlesertillegg som lar deg finne og fikse tilgjengelighetsproblemer i ulike nettapplikasjoner og nettsteder. Du kan bruke den til å sjekke overholdelse av rundt 50 tilgjengelighetsbestemmelser.

Takket være de klare instruksjonene og en visuell hjelper, kan du raskt identifisere viktige problemer med tastaturtilgang, inkludert tastaturfeller, manglende tabulatorstopp og feil tabulatorrekkefølge.

Det hjelper deg også med å utføre en totrinnsprosess for å finne vanlige, men høye tilgjengelighetsproblemer innen få minutter. Du trenger imidlertid Microsoft Edge Insider v.75 eller nyere for å bruke dette tillegget.

Å analysere HTML-koden til en side er en hyppig oppgave for en utvikler. Ved hjelp av Design Analysis-tillegget kan du analysere en HTML-side ved å aktivere og deaktivere ulike komponenter på den siden.

I slekt: Kule HTML-effekter som alle kan legge til på nettsidene deres

Den lar deg deaktivere intern og ekstern (inkludert utskrift og håndholdt) CSS, skjule bilder og bakgrunn bilder, vise bilde alt-attributter, konturoverskrifter, rammer, eksterne lenker, tabeller, flytende elementer og så videre.

Dessuten kommer dette tillegget med diverse verktøy som hjelper deg med å vise skjulte elementer, laste inn på nytt bilder og ekstern CSS, se kildekoden, lineariser sider og merk alle lenker som besøkt eller ubesøkt.

Dette tillegget lagrer eller deler ingen personlig identifiserbar data. All informasjon som kreves for at den skal fungere, forblir i enheten din.

Ved å bruke Lagre som MHTML-tillegg kan utviklere lagre gjeldende nettside i MHTML (MIME HTML)/MHT-format. Tillegget kommer med en verktøylinjeknapp for enkel bruk. Den lagrer alle online-lenker i et offline-format.

MHTML er et arkivfilformat som lagrer nettsideinnholdet for offline visning. Filtypen inkorporerer alle ressursene som bilder, appleter og Flash-animasjoner i HTML-dokumenter under prosessen.

Tillegget har to forskjellige verktøy som du kan bruke til å redigere nettsideinnholdet på siden før du lagrer det i MHTML-filen.

Du kan velge designmodus for oppgaver som å endre tekstformatet til fet og kursiv, legge til et bilde eller fjerne innhold. Eller du kan velge en del av siden og be dette tillegget om å lage et nytt dokument fra det.

Utviklere har et uunnværlig forhold til informasjonskapsler. Cookie-Editor er et kraftig tillegg som lar deg utføre standard informasjonskapseloperasjoner under utviklings- og testfasen av nettsiden.

Dette tillegget kommer med et brukervennlig grensesnitt som lar deg administrere informasjonskapslene manuelt. Med dens hjelp kan du raskt opprette, redigere og slette informasjonskapsler mens du holder deg på fanen.

Med ett klikk vil Cookie-Editor slette alle informasjonskapsler på gjeldende side. Den kan også importere/eksportere informasjonskapsler i et tekstformat.

Node.js V8 er et tillegg du kan bruke med Edge DevTools for å strømlinjeforme utviklingssyklusen for Node.js. Den kan administrere vinduet/fane-livssyklusen til Edge DevTools, slik at du får mer tid til å fokusere på å feilsøke koden din.

I slekt: Hva er Rubber Duck Debugging?

Node.js V8-tillegget lar deg overvåke lokale og eksterne feilsøkingsøkter mens du kontrollerer DevTools-grensesnittet, både manuelt og automatisk. Du kan også bruke den til å feilsøke VSCode-nodeprosesser og tilpasse varigheten mellom sondene til v8 Inspector.

Med hjelpen kan du automatisk åpne og lukke Edge DevTools i en fane eller et vindu og gjøre DevTools aktive eller inaktive ved oppstart. Inspeksjonsfunksjonen sparer deg for å kopiere og lime inn DevTools URL ved automatisk å oppdage den genererte URLen når du kjører noden.

BugReplay er først og fremst et tillegg som brukes for en screencast og nettverksfeilsøking. Det hjelper deg med å ta opp skjermen din synkronisert med JavaScript-konsollmeldinger og nettverkstrafikk. Takket være dette tillegget er alt du trenger å gjøre å følge trinnene for å fange feil i sanntid.

Det er ikke nødvendig for en utvikler å kommunisere frem og tilbake med sluttbrukerne eller støttelederne. De kan sømløst finne ut når og hvor feilen oppsto fra den registrerte informasjonen og løse problemet på kort tid.

Registrering av feilen blir enkelt med BugReplay-tillegget. Du kan også gå gjennom feilen før du deler den med kollegene dine. Tillegget tilbyr også en mulighet for å gjøre det offentlig.

Velg dine favoritt Edge-tillegg for utvikling

Ved å gå gjennom denne listen over Microsoft Edge-tillegg, kan du velge de som vil hjelpe deg i utviklingsarbeid for web og apper. Husk at Microsoft Edge også har andre tillegg for vanlige brukere. Du kan bla gjennom og finne vanlige utvidelser for andre oppgaver som passordadministrasjon.

De 9 beste Microsoft Edge-tilleggene for enkel passordbehandling

Det kan være vanskelig å huske alle de forskjellige passordene dine, så her er de ni beste Microsoft Edge-tilleggene for enkel passordbehandling.

Les Neste

Om forfatteren