Nový Microsoft Edge je vytvořen pomocí projektu Chromium open source a pokud jste vývojáři, zde je seznam Nástroje pro vývojáře v Microsoft Edge (Chromium). Do seznamu DevTools vstoupilo několik nových nástrojů. Vývojářům to usnadní a rychle vytvoří a otestuje webové stránky v Microsoft Edge.
Seznam DevTools v novém Edge (Chromium)
Nástroje Microsoft Edge (Chromium) DevTools lze obecně rozdělit do dvou různých kategorií:
- Základní nástroje
- Rozšíření.
1] Základní nástroje
Panel prvků - Jednou z nejužitečnějších funkcí DevTools pro webové vývojáře je schopnost „Live Edit“ HTML a CSS na stránce. Pomocí panelu Prvky můžete upravit HTML a CSS, zkontrolovat vlastnosti přístupnosti, zobrazit posluchače událostí a nastavit zarážky mutace DOM.
Řídicí panel - Nástroj Console obecně zaznamenává informace související s webovou stránkou, například JavaScript, požadavky na síť a chyby zabezpečení. Prvním krokem při řešení problémů je tedy kontrola konzoly prohlížeče.
Je to z tohoto důvodu; v prohlížeči Edge najdete vyhrazený panel konzoly. Devs může použít stejný panel pro interaktivní ladění, testování ad-hoc a komunikaci do a z běžící webové stránky.
Panel Zdroje - Stává se to nejužitečnějším nástrojem pro vývojáře JavaScript - Debugger JavaScriptu. Pomocí něj může vývojář otevírat a upravovat svůj kód za běhu, nastavovat zarážky, procházet kódem a sledovat stav svého webu po jednom řádku JavaScriptu.
Síťový panel - Může monitorovat a kontrolovat požadavky a odpovědi z mezipaměti sítě a prohlížeče.
Panel výkonu - Je zodpovědný za záznam dat výkonu za běhu. Výkon za běhu je způsob, jakým vaše stránka funguje, když je spuštěná, na rozdíl od načítání.
Paměťový panel - Problémy s pamětí mohou být primárním viníkem problémů s výkonem. Může to způsobit, že stránka v průběhu času přestane reagovat a zaostává. Paměťový panel může měřit využití systémových prostředků a porovnávat snímky haldy v různých stavech provádění kódu.
Panel aplikace - Zobrazuje několik zajímavých vlastností webové stránky. Může kontrolovat a spravovat úložiště, databáze a mezipaměti z panelu.
Bezpečnostní panel - Může zkontrolovat, zda je stránka, kterou právě prohlížíte, bezpečná nebo ne. Může také kontrolovat jeho původ. Vývojáři jej mohou použít k ladění bezpečnostních problémů a zajištění, že je HTTPS správně implementován.
Panel audity - Nevyžaduje žádný výlučný popis, protože je samozřejmý. Tato funkce umožňuje auditovat vaše webové stránky. Získané výsledky vám mohou pomoci zlepšit kvalitu vašeho webu.
Číst: Při spuštění relace profilování v Edge DevTools došlo k chybě.
2] Rozšíření
Zatímco Edge podporuje rozšíření, pro DevTool již nejsou k dispozici žádná rozšíření. Místo toho budete muset nainstalovat rozšíření z úložiště rozšíření třetích stran, např. Internetový obchod Chrome.
- Klikněte na tři tečky nebo na ikonu nabídky v levém horním rohu Edge. Klikněte na Rozšíření.
- V levém dolním rohu stránky Rozšíření zapněte přepínač pro Povolte rozšíření z jiných obchodů.
- Dále přejděte do Internetového obchodu Chrome a otevřete rozšíření, které funguje s DevTools, např.G., Nástroj ReAct Developer z Facebooku.
- Kliknutím na Přidat do Chromu se rozšíření DevTools přidá do Microsoft Edge!
Jednoduše řečeno, takto nainstalujete rozšíření Chrome pro Edge. Upozorňujeme však, že pokud jeho čisté rozšíření pro Chrome může nebo nemusí fungovat, protože společnost Microsoft odstranila některé služby a funkce Chromium.
Nový prohlížeč Edge bude k dispozici s další aktualizací funkcí systému Windows 10, pokud máte web nebo firmu závislou na Edge, je lepší se předem připravit.
Podrobné čtení naleznete na webu společnosti Microsoft.com.