Phenquestions
Den nye Microsoft Edge er bygget ved hjælp af Chromium open source-projekt, og hvis du er udvikler, her er listen over Dev-værktøjer i Microsoft Edge (Chromium). Et par nye værktøjer er kommet ind på DevTools-listen. Det gør det nemt og hurtigt for udviklere at opbygge og teste websteder i Microsoft Edge.
Liste over DevTools i nye Edge (Chromium)
Microsoft Edge (Chromium) DevTools kan bredt kategoriseres i to forskellige kategorier:
- Kerneværktøjer
- Udvidelser.
1] Kerneværktøjer
Elementpanel - En af de mest nyttige funktioner i DevTools til webudviklere er muligheden for at "Live Edit" HTML og CSS på en side. Du kan bruge panelet Elements til at redigere HTML og CSS, inspicere tilgængelighedsegenskaber, se begivenhedslyttere og indstille DOM-mutationsbrudpunkter.
Konsol - Konsolværktøjet logger generelt oplysninger relateret til en webside, såsom JavaScript, netværksanmodninger og sikkerhedsfejl. Så det første trin i fejlfinding af problemerne er at kontrollere browserkonsollen.
Det er af denne grund; du finder et dedikeret konsolpanel i Edge-browseren. Devs kan bruge det samme panel til interaktiv fejlfinding, ad hoc-test og kommunikere ind og ud af en kørende webside.
Kildepanel - Det tilfældigvis er det mest nyttige værktøj til enhver JavaScript-udvikler - JavaScript-fejlfindingsprogrammet. Ved hjælp af det kan en udvikler åbne og redigere sin kode ved kørsel, indstille breakpoints, gå igennem koden og se tilstanden på sit websted en række JavaScript ad gangen.
Netværkspanel - Det kan overvåge og inspicere anmodninger og svar fra netværket og browserens cache.
Ydelsespanel - Det er ansvarligt for registrering af performance-data om runtime. Runtime-ydeevne er, hvordan din side fungerer, når den kører, i modsætning til indlæsning.
Hukommelsespanel - Hukommelsesproblemer kan være en primær synder af præstationsproblemer. Det kan medføre, at siden bliver mere og mere uhensigtsmæssig og svag over tid. Hukommelsespanel kan måle brugen af systemressourcer og sammenligne bunke-snapshots ved forskellige tilstande med kodeudførelse.
Ansøgningspanel - Det viser flere interessante websideegenskaber. Det kan inspicere og administrere opbevaring, databaser og cacher fra panelet.
Sikkerhedspanel - Det kan kontrollere, om den side, du ser i øjeblikket, er sikker eller ej. Det kan også inspicere dets oprindelse. Udviklere kan bruge det til at debugge sikkerhedsproblemer og sikre, at HTTPS implementeres korrekt.
Kontrolpanel - Det kræver ingen eksklusiv beskrivelse, da det er selvforklarende. Funktionen lader dig kontrollere dit websted. De opnåede resultater kan hjælpe dig med at forbedre kvaliteten af dit websted.
Læs: Der opstod en fejl under opstart af profilsessionen i Edge DevTools.
2] Udvidelser
Mens Edge understøtter udvidelser, er der ingen udvidelser til rådighed for DevTool lige nu. I stedet skal du installere udvidelser fra tredjepartsudvidelsesbutik, f.eks. Chrome Webshop.
- Klik på de tre prikker eller menuikonet øverst til venstre på Edge. Klik på Udvidelser.
- Slå skiften til i nederste venstre hjørne på siden Udvidelser Tillad udvidelser fra andre butikker.
- Gå derefter til Chrome Webshop, og åbn den udvidelse, der fungerer med DevTools, f.eks.g., ReAct Developer-værktøj fra Facebook.
- Klik for at tilføje til Chrome, og DevTools-udvidelsen føjes til Microsoft Edge!
I enkle ord er det sådan, du installerer en Chrome-udvidelse på Edge. Dog advares, hvis dens rene Chrome-udvidelse fungerer muligvis eller ikke, da Microsoft har fjernet nogle af Chromium-tjenester og -funktioner.
Den nye Edge-browser vil være tilgængelig med den næste funktionsopdatering af Windows 10, hvis du har et websted eller en virksomhed, der er afhængig af Edge, det er bedre at forberede sig på forhånd.
Besøg Microsoft for en detaljeret læsning.com.
