Phenquestions
Den nye Microsoft Edge er bygget ved hjelp av Chromium open source-prosjekt, og hvis du er utvikler, her er listen over Utviklingsverktøy i Microsoft Edge (Chromium). Noen få nye verktøy har kommet inn på DevTools-listen. Det vil gjøre det enkelt og raskt for utviklere å bygge og teste nettsteder i Microsoft Edge.
Liste over DevTools i nye Edge (Chromium)
Microsoft Edge (Chromium) DevTools kan i stor grad kategoriseres i to forskjellige kategorier:
- Kjerneverktøy
- Utvidelser.
1] Kjerneverktøy
Elementpanel - En av de mest nyttige funksjonene i DevTools for webutviklere er muligheten til å "Live Edit" HTML og CSS på en side. Du kan bruke Elements-panelet til å redigere HTML og CSS, inspisere tilgjengelighetsegenskaper, se hendelseslyttere og angi brytpunkter for DOM-mutasjon.
Konsoll - Konsollverktøyet logger vanligvis informasjon relatert til en webside, for eksempel JavaScript, nettverksforespørsler og sikkerhetsfeil. Så det første trinnet i feilsøking av problemene er å sjekke nettleserkonsollen.
Det er av denne grunn; du finner et dedikert konsollpanel i Edge-nettleseren. Devs kan bruke det samme panelet for interaktiv feilsøking, ad-hoc-testing og kommunisere inn og ut av en løpende webside.
Kildepanel - Det er tilfeldigvis det mest nyttige verktøyet for enhver JavaScript-utvikler - JavaScript-feilsøkingsprogrammet. Ved å bruke den kan en utvikler åpne og redigere koden sin i løpetid, angi brytepunkter, gå gjennom koden og se tilstanden til nettstedet hans en linje JavaScript om gangen.
Nettverkspanel - Den kan overvåke og inspisere forespørsler og svar fra nettverkets og nettleserens cache.
Ytelsespanel - Det er ansvarlig for å registrere ytelsesdata for kjøretid. Runtime-ytelse er hvordan siden din presterer når den kjører, i motsetning til lasting.
Minnepanel - Minneproblemer kan være en primær skyldige i ytelsesproblemer. Det kan føre til at siden blir mer og mer responsiv og svak over tid. Minnepanel kan måle bruken av systemressurser og sammenligne haugmomenter ved forskjellige tilstander for kodeutførelse.
Søknadspanel - Den viser flere interessante nettsideegenskaper. Den kan inspisere og administrere lagring, databaser og cacher fra panelet.
Sikkerhetspanel - Den kan sjekke om siden du ser på nå, er sikker eller ikke. Det kan også inspisere opprinnelsen. Utviklere kan bruke den til å feilsøke sikkerhetsproblemer og sikre at HTTPS er riktig implementert.
Revisjonspanel - Det krever ingen eksklusiv beskrivelse, da det er selvforklarende. Funksjonen lar deg revidere nettstedet ditt. De oppnådde resultatene kan hjelpe deg med å forbedre kvaliteten på nettstedet ditt.
Lese: Det oppstod en feil under start av profiløkten i Edge DevTools.
2] Utvidelser
Mens Edge støtter utvidelser, er det ingen utvidelser tilgjengelig for DevTool per nå. I stedet må du installere utvidelser fra tredjepartsutvidelsesbutikk, f.eks. Chrome Nettmarked.
- Klikk på de tre punktene eller menyikonet øverst til venstre på Edge. Klikk på Utvidelser.
- Slå på bryteren for nederst til venstre på utvidelsessiden Tillat utvidelser fra andre butikker.
- Deretter navigerer du til Chrome Nettmarked og åpner utvidelsen som fungerer med DevTools, f.eks.g., ReAct Developer-verktøy fra Facebook.
- Klikk for å legge til i Chrome, og DevTools-utvidelsen blir lagt til i Microsoft Edge!
Med enkle ord, dette er hvordan du installerer en Chrome-utvidelse på Edge. Vær imidlertid advart hvis den rene Chrome-utvidelsen fungerer, kan det hende at Microsoft ikke har fjernet noen av Chromium-tjenester og -funksjoner.
Den nye Edge-nettleseren kommer til å være tilgjengelig med neste funksjonsoppdatering av Windows 10 hvis du har et nettsted eller en virksomhet som er avhengig av Edge, det er bedre å forberede seg på forhånd.
For en detaljert lesing, besøk Microsoft.com.
