Pro vývojáře může být hektické používat pro každý úkol řadu specializovaných nástrojů. Doplňky webového prohlížeče vám však mohou zvýšit produktivitu tím, že poskytují přístup k různým funkcím z jedné platformy procházení.
Všechny nejlepší prohlížeče jsou dodávány s rozšířeními pro profesionály. A pokud používáte Microsoft Edge, vaše vývojové úkoly mohou být s některými doplňky prohlížeče jednodušší. Zde probereme nejlepší doplňky Microsoft Edge, které by weboví vývojáři měli používat.
React Developer Tools je doplněk DevTools pro webový prohlížeč. Do vašich Edge DevTools přidá dvě nové karty s názvem Components a Profiler. Open-source doplněk bude potřebovat vaše oprávnění k přístupu do stromu React na stránce.
Karta Components zobrazuje kořenové komponenty React stránky spolu s podsoučástmi. Vyberte libovolnou komponentu ze stromu a prohlédněte si a upravte její aktuální podpěry, stav a háčky v pravém panelu.
Pomocí tohoto doplňku můžete také zjistit, zda aplikace obsahuje React.js či nikoli. Pomocí karty Profiler mohou vývojáři zaznamenávat informace o výkonu.
Pokud se zabýváte analýzou kódu GitHub, doplněk Octotree může zlepšit zážitek z kontroly a zkoumání kódu GitHub. Ukáže vám strom kódu podobný IDE a umožní vám vyhledávat soubory a složky.
Tento vysoce výkonný doplněk je schopen pracovat s repozitáři jakékoli velikosti. Kromě toho podporuje soukromá úložiště a umožňuje vytvářet záložky žádostí o stažení, repo, souborů a problémů.
Můžete se také přihlásit k odběru PRO verze tohoto doplňku a získat některé další funkce. Patří mezi ně podpora více účtů GitHub a GitHub Enterprise, více karet, nastavení písma kódu, kontrola kódu žádosti o stažení, motivy ikon souborů a změna pozice dokování.
Accessibility Insights for Web je doplněk prohlížeče Microsoft Edge, který vám umožní vyhledat a opravit problémy s přístupností v různých webových aplikacích a webech. Můžete jej použít ke kontrole souladu s přibližně 50 ustanoveními o přístupnosti.
Díky jasným pokynům a vizuálnímu pomocníkovi můžete rychle identifikovat životně důležité problémy s přístupem ke klávesnici, včetně pastí na klávesnici, chybějících zarážek tabulátoru a nesprávného pořadí karet.
Pomůže vám také provést dvoukrokový proces k nalezení běžných, ale vysoce působivých problémů s přístupností během několika minut. K použití tohoto doplňku však potřebujete Microsoft Edge Insider v.75 nebo novější.
Analýza HTML kódu stránky je častým úkolem vývojáře. Pomocí doplňku Analýza návrhu můžete analyzovat stránku HTML povolením a zakázáním různých součástí této stránky.
Příbuzný: Skvělé HTML efekty, které může kdokoli přidat na své webové stránky
To vám umožní zakázat interní a externí (včetně tisku a handheld) CSS, skrýt obrázky a pozadí obrázky, zobrazení atributů alt obrázku, záhlaví obrysu, rámečky, externí odkazy, tabulky, plovoucí prvky a již brzy.
Kromě toho tento doplněk přichází s různými nástroji, které vám pomohou zobrazit skryté prvky a znovu načíst obrázky a externí CSS, zobrazit zdrojový kód, linearizovat stránky a označit všechny odkazy jako navštívené resp nenavštívené.
Tento doplněk neukládá ani nesdílí žádná data umožňující osobní identifikaci. Všechny informace potřebné pro jeho fungování zůstávají ve vašem zařízení.
Pomocí doplňku Uložit jako MHTML mohou vývojáři uložit aktuální webovou stránku ve formátu MHTML (MIME HTML)/MHT. Doplněk je dodáván s tlačítkem na panelu nástrojů pro snadné použití. Ukládá všechny online odkazy v offline formátu.
MHTML je formát archivního souboru, který ukládá obsah webové stránky pro offline prohlížení. Typ souboru během procesu začleňuje do dokumentů HTML všechny prostředky, jako jsou obrázky, applety a animace Flash.
Doplněk má dva různé nástroje, které můžete použít k úpravě obsahu webové stránky na stránce před jejím uložením do souboru MHTML.
Můžete si vybrat režim návrhu pro úkoly, jako je změna formátu textu na tučné a kurzívu, přidání obrázku nebo odstranění jakéhokoli obsahu. Nebo můžete vybrat část stránky a požádat tento doplněk, aby z ní vytvořil nový dokument.
Vývojáři mají s cookies nepostradatelný vztah. Cookie-Editor je výkonný doplněk, který vám umožní provádět standardní operace se soubory cookie během fáze vývoje a testování webové stránky.
Tento doplněk přichází se snadno použitelným rozhraním, které vám umožňuje spravovat soubory cookie ručně. S jeho pomocí můžete rychle vytvářet, upravovat a mazat soubory cookie a přitom zůstat na kartě.
Cookie-Editor jediným kliknutím vymaže všechny soubory cookie aktuální stránky. Může také importovat/exportovat soubory cookie v textovém formátu.
Node.js V8 je doplněk, který můžete použít s Edge DevTools ke zefektivnění vývojového cyklu Node.js. Může spravovat životní cyklus okna/karty Edge DevTools, takže získáte více času soustředit se na ladění kódu.
Příbuzný: Co je ladění Rubber Duck?
Doplněk Node.js V8 vám umožňuje monitorovat místní a vzdálené relace ladění a zároveň ovládat rozhraní DevTools, a to jak ručně, tak automaticky. Můžete jej také použít k ladění procesů uzlů VSCode a přizpůsobení trvání mezi sondami v8 Inspector.
S jeho pomocí můžete automaticky otevírat a zavírat Edge DevTools na kartě nebo okně a aktivovat nebo deaktivovat nástroje DevTools při spuštění. Jeho funkce inspect vás ušetří od kopírování a vkládání URL DevTools tím, že automaticky detekuje vygenerovanou URL při spuštění uzlu.
BugReplay je primárně doplněk používaný pro screencast a ladění sítě. Pomáhá vám zaznamenávat vaši obrazovku synchronizovaně se zprávami konzole JavaScript a síťovým provozem. Díky tomuto doplňku vše, co musíte udělat, je opakovat kroky k zachycení chyb v reálném čase.
Není potřeba, aby vývojář komunikoval tam a zpět s koncovými uživateli nebo vedoucími pracovníky podpory. Ze zaznamenaných informací mohou bez problémů zjistit, kdy a kde se chyba vyskytla, a vyřešit problém během okamžiku.
Zaznamenání chyby je s doplňkem BugReplay snadné. Před sdílením chyby se svými kolegy si také můžete chybu zkontrolovat. Doplněk také nabízí možnost zveřejnit jej.
Vyberte si své oblíbené doplňky Edge pro vývoj
Když si projdete tento seznam doplňků pro Microsoft Edge, můžete si vybrat ty, které vám pomohou při vývoji webu a aplikací. Pamatujte, že Microsoft Edge má také další doplňky pro běžné uživatele. Můžete procházet a najít běžná rozšíření pro další úkoly, jako je správa hesel.
Pamatování si všech vašich různých hesel může být složité, takže zde je devět nejlepších doplňků pro Microsoft Edge pro snadnou správu hesel.
Přečtěte si další
- Programování
- Microsoft Edge
- Rozšíření prohlížeče
- Vývoj webu
Tamal je spisovatel na volné noze v MakeUseOf. Po získání značných zkušeností v oblasti technologií, financí a obchodu procesů v předchozím zaměstnání v IT poradenské společnosti, před 3 lety přijal psaní jako profesi na plný úvazek. I když nepíše o produktivitě a nejnovějších technologických novinkách, rád hraje Splinter Cell a často se dívá na Netflix/Prime Video.
Přihlaste se k odběru našeho newsletteru
Připojte se k našemu zpravodaji a získejte technické tipy, recenze, bezplatné e-knihy a exkluzivní nabídky!
Chcete-li se přihlásit k odběru, klikněte sem