Nový Microsoft Edge je zostavený pomocou projektu open source Chromium. Ak ste vývojári, tu je zoznam Nástroje pre vývojárov v aplikácii Microsoft Edge (Chromium). Do zoznamu DevTools sa dostalo niekoľko nových nástrojov. Vývojárom to uľahčí a rýchlo vytvorí a otestuje webové stránky v aplikácii Microsoft Edge.
Zoznam DevTools v novom Edge (Chromium)
Nástroje Microsoft Edge (Chromium) DevTools možno zhruba rozdeliť do dvoch rôznych kategórií:
- Základné nástroje
- Prípony.
1] Základné nástroje
Panel prvkov - Jednou z najužitočnejších funkcií nástroja DevTools pre vývojárov webu je možnosť „Live Edit“ kódu HTML a CSS na stránke. Pomocou panela Prvky môžete upraviť HTML a CSS, skontrolovať vlastnosti prístupnosti, zobraziť poslucháčov udalostí a nastaviť hraničné hodnoty mutácie DOM.
Konzola - Nástroj Console všeobecne zaznamenáva informácie súvisiace s webovou stránkou, napríklad JavaScript, sieťové požiadavky a chyby zabezpečenia. Prvým krokom pri riešení problémov je teda kontrola konzoly prehliadača.
Je to z tohto dôvodu; v prehliadači Edge nájdete vyhradený panel Konzoly. Rovnaký panel môžu vývojári používať na interaktívne ladenie, testovanie ad hoc a na komunikáciu do a zo spustenej webovej stránky.
Panel Zdroje - Stáva sa to najužitočnejším nástrojom pre všetkých vývojárov JavaScriptu - JavaScript Debugger. Pomocou neho môže vývojár otvárať a upravovať svoj kód za behu, nastavovať body prerušenia, prechádzať kódom a sledovať stav svojej webovej stránky po jednom riadku JavaScriptu.
Sieťový panel - Môže monitorovať a kontrolovať požiadavky a odpovede z medzipamäte siete a prehliadača.
Panel výkonu - Je zodpovedný za zaznamenávanie údajov o výkone za behu. Výkon za behu je to, ako vaša stránka funguje, keď je spustená, na rozdiel od načítania.
Pamäťový panel - Problémy s pamäťou môžu byť primárnym vinníkom problémov s výkonom. Môže to spôsobiť, že stránka časom prestane reagovať a bude zaostávať. Pamäťový panel môže merať využitie systémových prostriedkov a porovnávať haldy snímok v rôznych stavoch vykonávania kódu.
Panel aplikácií - Zobrazuje niekoľko zaujímavých vlastností webovej stránky. Z panela môže kontrolovať a spravovať úložisko, databázy a pamäte cache.
Bezpečnostný panel - Môže skontrolovať, či je stránka, ktorú si práve prezeráte, bezpečná alebo nie. Môže tiež skontrolovať pôvod. Vývojári ho môžu použiť na ladenie bezpečnostných problémov a zabezpečenie náležitej implementácie protokolu HTTPS.
Panel auditov - Nevyžaduje žiadny výlučný popis, pretože má vlastnú vysvetlenie. Táto funkcia umožňuje vykonať audit vašej webovej stránky. Získané výsledky vám môžu pomôcť zlepšiť kvalitu vášho webu.
Čítať: Pri spustení relácie profilovania v Edge DevTools sa vyskytla chyba.
2] Rozšírenia
Aj keď Edge podporuje rozšírenia, pre DevTool odteraz nie sú k dispozícii žiadne rozšírenia. Namiesto toho budete musieť nainštalovať rozšírenia z obchodu s rozšíreniami tretích strán, napr. Internetový obchod Chrome.
- Kliknite na tri bodky alebo na ikonu ponuky v ľavom hornom rohu Edge. Kliknite na Prípony.
- V ľavom dolnom rohu stránky Rozšírenia zapnite prepínač pre Povoliť rozšírenia z iných obchodov.
- Ďalej prejdite do Internetového obchodu Chrome a otvorte rozšírenie, ktoré funguje s DevTools, napr.g., Nástroj ReAct Developer z Facebooku.
- Kliknutím pridáte do prehliadača Chrome a rozšírenie DevTools sa pridá do aplikácie Microsoft Edge!
Jednoducho povedané, takto nainštalujete rozšírenie Chrome pre Edge. Upozorňujeme však, že ak jeho čisté rozšírenie pre Chrome môže alebo nemusí fungovať, pretože spoločnosť Microsoft odstránila niektoré služby a funkcie Chromium.
Nový prehliadač Edge bude k dispozícii s ďalšou aktualizáciou funkcií systému Windows 10, ak máte web alebo firmu závislú od Edge, je lepšie sa pripraviť vopred.
Podrobné čítanie nájdete na serveri Microsoft.com.