De 8 bedste Microsoft Edge-tilføjelser til udviklere

For en udvikler kan det være hektisk at bruge adskillige dedikerede værktøjer til hver opgave. Men tilføjelser til webbrowsere kan gøre dig mere produktiv ved at give adgang til forskellige funktioner fra én browserplatform.

Alle de bedste browsere kommer med udvidelser til professionelle. Og hvis du bruger Microsoft Edge, kan dine udviklingsopgaver blive nemmere med nogle browsertilføjelser. Her vil vi diskutere de bedste Microsoft Edge-tilføjelser, som webudviklere bør bruge.

React Developer Tools er en DevTools-tilføjelse til webbrowseren. Det tilføjer to nye faner med navnet Components and Profiler i dine Edge DevTools. Open source-tilføjelsen skal have din tilladelse for at få adgang til React-træet på en side.

Fanen Komponenter viser sidens root React-komponenter sammen med underkomponenterne. Vælg en hvilken som helst komponent fra træet for at inspicere og redigere dens aktuelle rekvisitter, tilstanden og kroge i det højre panel.

Du kan også bruge denne tilføjelse til at finde ud af, om en applikation indeholder React.js eller ej. Ved at bruge fanen Profiler kan udviklere registrere ydeevneoplysninger.

Hvis du er til at analysere GitHub-kode, kan Octotree-tilføjelsen forbedre oplevelsen af ​​GitHub-kodegennemgang og -udforskning. Det viser dig et IDE-lignende kodetræ og lader dig udføre fil- og mappesøgninger.

Denne højtydende tilføjelse er i stand til at arbejde med lagre af enhver størrelse. Desuden understøtter det private depoter og giver dig mulighed for at bogmærke pull-anmodninger, repo, filer og problemer.

Du kan også abonnere på PRO-versionen af ​​denne tilføjelse for at få nogle ekstra funktioner. Disse inkluderer understøttelse af flere GitHub-konti og GitHub Enterprise, flere faner, kodeskrifttypeindstillinger, pull request-kodegennemgang, filikontemaer og ændring af dockingposition.

Accessibility Insights for Web er en Microsoft Edge-browsertilføjelse, der giver dig mulighed for at lokalisere og løse tilgængelighedsproblemer i forskellige webapplikationer og websteder. Du kan bruge den til at kontrollere, om de overholder omkring 50 tilgængelighedsbestemmelser.

Takket være de klare instruktioner og en visuel hjælper kan du hurtigt identificere vigtige tastaturadgangsproblemer, herunder tastaturfælder, manglende tabulatorstop og forkert tabulatorrækkefølge.

Det hjælper dig også med at udføre en to-trins-proces for at lokalisere almindelige, men højtydende tilgængelighedsproblemer inden for få minutter. Du skal dog bruge Microsoft Edge Insider v.75 eller nyere for at bruge denne tilføjelse.

At analysere HTML-koden på en side er en hyppig opgave for en udvikler. Ved hjælp af Design Analysis-tilføjelsen kan du analysere en HTML-side ved at aktivere og deaktivere forskellige komponenter på den side.

Relaterede: Seje HTML-effekter, som alle kan tilføje til deres websteder

Det lader dig deaktivere intern og ekstern (inklusive print og håndholdt) CSS, skjule billeder og baggrund billeder, vise billed alt-attributter, konturoverskrifter, rammer, eksterne links, tabeller, flydende elementer og snart.

Desuden kommer denne tilføjelse med diverse værktøjer, der hjælper dig med at vise skjulte elementer, genindlæse billeder og ekstern CSS, se kildekode, lineariser sider og marker alle links som besøgte eller ubesøgt.

Denne tilføjelse gemmer eller deler ikke nogen personligt identificerbare data. Al den information, der kræves for, at den kan fungere, forbliver i din enhed.

Ved at bruge Gem som MHTML-tilføjelse kan udviklere gemme den aktuelle webside i MHTML (MIME HTML)/MHT-formatet. Tilføjelsen kommer med en knap på værktøjslinjen til ubesværet brug. Det gemmer alle online links i et offline format.

MHTML er et arkivfilformat, der gemmer websideindholdet til offlinevisning. Filtypen inkorporerer alle ressourcer som billeder, applets og Flash-animationer i HTML-dokumenter under processen.

Tilføjelsen har to forskellige værktøjer, som du kan bruge til at redigere websidens indhold, før du gemmer den i MHTML-filen.

Du kan vælge designtilstanden til opgaver som at ændre tekstformatet til fed og kursiv, tilføje et billede eller fjerne indhold. Eller du kan vælge en del af siden og bede denne tilføjelse om at lave et nyt dokument ud fra den.

Udviklere har et uundværligt forhold til cookies. Cookie-Editor er en kraftfuld tilføjelse, der lader dig udføre standard cookie-operationer under udviklings- og testfasen af ​​websider.

Denne tilføjelse kommer med en brugervenlig grænseflade, der giver dig mulighed for at administrere cookies manuelt. Med dens hjælp kan du hurtigt oprette, redigere og slette cookies, mens du bliver på fanen.

Med et enkelt klik sletter Cookie-Editor alle cookies på den aktuelle side. Det kan også importere/eksportere cookies i et tekstformat.

Node.js V8 er en tilføjelse, du kan bruge med Edge DevTools til at strømline din Node.js-udviklingscyklus. Den kan administrere vinduet/fane-livscyklussen for Edge DevTools, så du får mere tid til at fokusere på fejlretning af din kode.

Relaterede: Hvad er Rubber Duck Debugging?

Node.js V8-tilføjelse lader dig overvåge lokale og fjernfejlfindingssessioner, mens du kontrollerer DevTools-grænsefladen, både manuelt og automatisk. Du kan også bruge den til at fejlsøge VSCode node processer og tilpasse varigheden mellem proberne i v8 Inspector.

Med dens hjælp kan du automatisk åbne og lukke Edge DevTools i en fane eller et vindue og gøre DevTools aktive eller inaktive ved start. Dens inspektionsfunktion sparer dig for at kopiere og indsætte DevTools URL ved automatisk at detektere den genererede URL, når du kører noden.

BugReplay er primært en tilføjelse, der bruges til en screencast og netværksfejlretning. Det hjælper dig med at optage din skærm synkroniseret med JavaScript-konsolmeddelelser og netværkstrafik. Takket være denne tilføjelse er alt hvad du skal gøre at følge trinene for at fange fejl i realtid.

Der er ikke behov for en udvikler til at kommunikere frem og tilbage med slutbrugerne eller supportcheferne. De kan problemfrit finde ud af, hvornår og hvor fejlen opstod fra de registrerede oplysninger og løse problemet på ingen tid.

Det bliver nemt at optage fejlen med tilføjelsen BugReplay. Du kan også gennemgå fejlen, før du deler den med dine kolleger. Tilføjelsen giver også mulighed for at gøre den offentlig.

Vælg dine foretrukne Edge-tilføjelser til udvikling

Ved at gennemgå denne liste over Microsoft Edge-tilføjelser kan du vælge dem, der vil hjælpe dig i web- og appudviklingsarbejde. Husk, Microsoft Edge har også andre tilføjelser til almindelige brugere. Du kan gennemse og finde almindelige udvidelser til andre opgaver som f.eks. adgangskodeadministration.

De 9 bedste Microsoft Edge-tilføjelser til ubesværet adgangskodehåndtering

Det kan være svært at huske alle dine forskellige adgangskoder, så her er de ni bedste Microsoft Edge-tilføjelser til nem adgangskodeadministration.

Læs Næste

Om forfatteren