Az új Microsoft Edge a Chromium nyílt forráskódú projekt segítségével készült, és ha Ön fejlesztő, akkor itt van a lista Dev Tools a Microsoft Edge-ben (Chromium). Néhány új eszköz bekerült a DevTools listába. Ez megkönnyíti a fejlesztők számára a weboldalak készítését és tesztelését a Microsoft Edge-ben.
A DevTools listája az új Edge-ben (Chromium)
A Microsoft Edge (Chromium) DevTools nagyjából két különböző kategóriába sorolható:
- Alapeszközök
- Hosszabbítások.
1] Alapeszközök
Elements panel - A DevTools egyik leghasznosabb szolgáltatása a webfejlesztők számára a HTML és CSS „Live Edit” lehetősége az oldalon. Az Elements panel segítségével szerkesztheti a HTML-t és a CSS-t, ellenőrizheti a kisegítő lehetőségeket, megtekintheti az eseményhallgatókat, és beállíthatja a DOM mutációs töréspontjait.
Konzol - A Konzol eszköz általában naplózza a weboldalakkal kapcsolatos információkat, például a JavaScript-et, a hálózati kéréseket és a biztonsági hibákat. Tehát a problémák elhárításának első lépése a böngésző konzoljának ellenőrzése.
Éppen ezért; egy dedikált konzol panelt talál az Edge böngészőben. A fejlesztők ugyanazt a panelt használhatják interaktív hibakereséshez, ad-hoc teszteléshez, valamint kommunikálhatnak egy futó weboldalra és onnan kifelé.
Források panel - Ez történetesen az egyetlen leghasznosabb eszköz minden JavaScript-fejlesztő számára - a JavaScript hibakereső. Használatával a fejlesztő futás közben megnyithatja és szerkesztheti a kódját, beállíthat töréspontokat, áttekintheti a kódot, és egy sor JavaScript-en keresztül megtekintheti webhelye állapotát.
Hálózati panel - Felügyelheti és ellenőrizheti a hálózati és a böngésző gyorsítótárából érkező kéréseket és válaszokat.
Teljesítmény panel - Feladata a futásidejű adatok rögzítése. A futásidejű teljesítmény az oldal teljesítménye, amikor fut, szemben a betöltéssel.
Memória panel - A memóriaproblémák a teljesítményproblémák elsődleges tettesei lehetnek. Ez azt okozhatja, hogy az oldal az idő múlásával egyre reagálhatatlanabbá és lemaradtabbá válik. A Memória panel mérheti a rendszererőforrások használatát, és összehasonlíthatja a halom pillanatképeket a kódfuttatás különböző állapotaiban.
Alkalmazás panel - Számos érdekes weboldal tulajdonságot jelenít meg. A panelről ellenőrizheti és kezelheti a tárolókat, adatbázisokat és gyorsítótárakat.
Biztonsági panel - Ellenőrizheti, hogy az éppen megtekintett oldal biztonságos-e vagy sem. Ellenőrizheti eredetét is. A fejlesztők a biztonsági problémák hibakeresésére és a HTTPS megfelelő megvalósításának biztosítására használhatják.
Audit panel - Nem igényel kizárólagos leírást, mivel magától értetődő. A funkció lehetővé teszi a webhelyének ellenőrzését. A kapott eredmények segíthetnek a webhelye minőségének javításában.
Olvas: Hiba történt a profilalkotás indításakor az Edge DevTools alkalmazásban.
2] Bővítmények
Míg az Edge támogatja a kiterjesztéseket, a DevTool számára jelenleg nem állnak rendelkezésre bővítmények. Ehelyett telepítenie kell a kiterjesztéseket egy harmadik féltől származó kiterjesztési tárolóból, pl. Chrome Internetes áruház.
- Kattintson a három pontra vagy a menü ikonra az Edge bal felső sarkában. Kattintson Hosszabbítások.
- A Bővítmények oldal bal alsó sarkában kapcsolja be a következőt: Engedélyezze a bővítményeket más üzletekből.
- Ezután keresse meg a Chrome Internetes áruházat, és nyissa meg a DevTools-szal együttműködő kiterjesztést, pl.g., ReAct Developer eszköz a Facebook-tól.
- Kattintson a Hozzáadás a Chrome-hoz elemre, és a DevTools kiterjesztés hozzáadódik a Microsoft Edge-hez!
Egyszerű szavakkal, így telepíthet egy Chrome kiterjesztést az Edge-re. Figyelmeztetni kell azonban, ha a tiszta Chrome kiterjesztése működhet-e vagy sem, mivel a Microsoft eltávolította a Chromium egyes szolgáltatásait és szolgáltatásait.
Az új Edge böngésző a Windows 10 következő funkciófrissítésével elérhető lesz, ha olyan webhelye vagy vállalkozása van, amely az Edge-től függ, jobb, ha előre felkészülünk.
Részletes olvasmányért látogasson el a Microsoft oldalára.com.