8 najlepších doplnkov Microsoft Edge pre vývojárov

Pre vývojárov môže byť hektické používať množstvo špecializovaných nástrojov pre každú úlohu. Doplnky webového prehliadača vám však môžu zvýšiť produktivitu tým, že poskytujú prístup k rôznym funkciám z jednej platformy prehliadania.

Všetky špičkové prehliadače sa dodávajú s rozšíreniami pre profesionálov. A ak používate Microsoft Edge, vaše vývojové úlohy môžu byť jednoduchšie s niektorými doplnkami prehliadača. Tu budeme diskutovať o najlepších doplnkoch Microsoft Edge, ktoré by weboví vývojári mali používať.

React Developer Tools je doplnok DevTools pre webový prehliadač. Do vašich Edge DevTools pridá dve nové karty s názvom Components a Profiler. Open-source doplnok bude potrebovať vaše povolenie na prístup k stromu React na stránke.

Karta Components zobrazuje koreňové komponenty React stránky spolu s podkomponentmi. Vyberte ľubovoľný komponent zo stromu na kontrolu a úpravu jeho aktuálnych rekvizít, stavu a háčikov v pravom paneli.

Tento doplnok môžete použiť aj na zistenie, či aplikácia obsahuje React.js alebo nie. Pomocou karty Profiler môžu vývojári zaznamenávať informácie o výkone.

Ak chcete analyzovať kód GitHub, doplnok Octotree môže zlepšiť zážitok z kontroly a skúmania kódu GitHub. Ukáže vám strom kódu podobný IDE a umožní vám vyhľadávať súbory a priečinky.

Tento vysoko výkonný doplnok je schopný pracovať s úložiskami akejkoľvek veľkosti. Okrem toho podporuje súkromné ​​​​úložiská a umožňuje vám označiť si požiadavky na stiahnutie, repo, súbory a problémy.

Môžete sa tiež prihlásiť na odber PRO verzie tohto doplnku, aby ste získali niektoré ďalšie funkcie. Patrí medzi ne podpora viacerých účtov GitHub a GitHub Enterprise, viacero kariet, nastavenia písma kódu, kontrola kódu žiadosti o stiahnutie, motívy ikon súborov a zmena polohy ukotvenia.

Accessibility Insights for Web je doplnok prehliadača Microsoft Edge, ktorý vám umožní nájsť a opraviť problémy s prístupnosťou v rôznych webových aplikáciách a webových lokalitách. Môžete ho použiť na kontrolu súladu s približne 50 ustanoveniami o prístupnosti.

Vďaka jasným inštrukciám a vizuálnemu pomocníkovi môžete rýchlo identifikovať dôležité problémy s prístupom ku klávesnici vrátane pascí na klávesnici, chýbajúcich zarážok a nesprávneho poradia kariet.

Pomôže vám tiež vykonať dvojkrokový proces na nájdenie bežných, ale veľmi pôsobivých problémov s prístupnosťou v priebehu niekoľkých minút. Na používanie tohto doplnku však potrebujete Microsoft Edge Insider v.75 alebo novší.

Analýza HTML kódu stránky je častou úlohou vývojára. Pomocou doplnku Analýza návrhu môžete analyzovať stránku HTML povolením a zakázaním rôznych komponentov tejto stránky.

Súvisiace: Skvelé HTML efekty, ktoré môže ktokoľvek pridať na svoje webové stránky

Umožňuje vám zakázať interné a externé (vrátane tlače a handheldu) CSS, skryť obrázky a pozadie obrázky, zobrazenie atribútov alt obrázkov, hlavičky obrysu, rámce, externé odkazy, tabuľky, plávajúce prvky a tak ďalej.

Okrem toho tento doplnok prichádza s rôznymi nástrojmi, ktoré vám pomôžu zobraziť skryté prvky a znova načítať obrázky a externé CSS, zobraziť zdrojový kód, linearizovať stránky a označiť všetky odkazy ako navštívené resp nenavštívené.

Tento doplnok neukladá ani nezdieľa žiadne osobné údaje. Všetky informácie potrebné na jeho fungovanie zostanú vo vašom zariadení.

Pomocou doplnku Uložiť ako MHTML môžu vývojári uložiť aktuálnu webovú stránku vo formáte MHTML (MIME HTML)/MHT. Doplnok je dodávaný s tlačidlom na paneli nástrojov pre jednoduché použitie. Ukladá všetky online odkazy v offline formáte.

MHTML je formát archívneho súboru, ktorý ukladá obsah webovej stránky na prezeranie offline. Typ súboru zahŕňa všetky zdroje, ako sú obrázky, aplety a animácie Flash, do dokumentov HTML počas procesu.

Doplnok má dva rôzne nástroje, ktoré môžete použiť na úpravu obsahu webovej stránky na stránke pred jej uložením do súboru MHTML.

Môžete si vybrať režim návrhu pre úlohy, ako je zmena formátu textu na tučné a kurzíva, pridanie obrázka alebo odstránenie akéhokoľvek obsahu. Alebo môžete vybrať časť stránky a požiadať tento doplnok, aby z nej vytvoril nový dokument.

Vývojári majú so súbormi cookie nevyhnutný vzťah. Cookie-Editor je výkonný doplnok, ktorý vám umožňuje vykonávať štandardné operácie so súbormi cookie počas fázy vývoja webovej stránky a testovania.

Tento doplnok prichádza s ľahko použiteľným rozhraním, ktoré vám umožňuje manuálne spravovať súbory cookie. S jeho pomocou môžete rýchlo vytvárať, upravovať a odstraňovať súbory cookie a pritom zostať na karte.

Cookie-Editor jedným kliknutím vymaže všetky cookies aktuálnej stránky. Môže tiež importovať/exportovať súbory cookie v textovom formáte.

Node.js V8 je doplnok, ktorý môžete použiť s nástrojmi Edge DevTools na zefektívnenie vývojového cyklu Node.js. Dokáže spravovať životný cyklus okna/karty Edge DevTools, takže získate viac času sústrediť sa na ladenie kódu.

Súvisiace: Čo je ladenie gumených kačíc?

Doplnok Node.js V8 vám umožňuje monitorovať miestne a vzdialené relácie ladenia a zároveň ovládať rozhranie DevTools, manuálne aj automaticky. Môžete ho tiež použiť na ladenie procesov uzla VSCode a prispôsobenie trvania medzi sondami v8 Inspector.

S jeho pomocou môžete automaticky otvárať a zatvárať Edge DevTools na karte alebo v okne a pri spustení aktivovať alebo deaktivovať DevTools. Jeho funkcia kontroly vás zbaví kopírovania a prilepovania adresy URL nástroja DevTools automatickým zisťovaním vygenerovanej adresy URL pri spustení uzla.

BugReplay je primárne doplnok používaný na screencast a ladenie siete. Pomáha vám zaznamenávať vašu obrazovku v synchronizácii so správami konzoly JavaScript a sieťovým prenosom. Vďaka tomuto doplnku všetko, čo musíte urobiť, je sledovať kroky na zachytenie chýb v reálnom čase.

Nie je potrebné, aby vývojár komunikoval tam a späť s koncovými používateľmi alebo manažérmi podpory. Zo zaznamenaných informácií môžu bez problémov zistiť, kedy a kde sa chyba vyskytla, a problém vyriešiť okamžite.

Zaznamenanie chyby je s doplnkom BugReplay jednoduché. Pred zdieľaním chyby s kolegami si tiež môžete chybu skontrolovať. Doplnok ponúka aj možnosť zverejniť ho.

Vyberte si svoje obľúbené doplnky Edge na vývoj

Keď si prejdete tento zoznam doplnkov Microsoft Edge, môžete si vybrať tie, ktoré vám pomôžu pri vývoji webu a aplikácií. Pamätajte, že Microsoft Edge má aj ďalšie doplnky pre bežných používateľov. Môžete prehliadať a nájsť bežné rozšírenia pre iné úlohy, ako je napríklad správa hesiel.

9 najlepších doplnkov Microsoft Edge pre jednoduchú správu hesiel

Zapamätať si všetky vaše rôzne heslá môže byť zložité, takže tu je deväť najlepších doplnkov Microsoft Edge pre jednoduchú správu hesiel.

Prečítajte si ďalej

O autorovi