Microsoft antog ^(Microsoft)Chromium -projektet med öppen källkod för den nya Microsoft Edge , och totalrenoverade den gamla webbläsaren. Edge kör nu samma motor som populära Google Chrome , som kommer med ganska spännande funktioner. Återuppkomsten av Microsoft Edge -webbläsaren köpte över användare på grund av dessa enastående funktioner. Denna Chromium-baserade webbläsare stöder äldre Windows - utgåvor och ARM64- enheter.

Webbläsaren har något i beredskap för alla användare – från tillfälliga användare till utvecklare. Edge's Developer Tools (DevTools) är där du kan inspektera och ändra en webbsidas HTML , visa eller felsöka kod etc.  F12 - genvägen öppnar DevTools for Edge i Windows , men du kanske vill inaktivera denna genväg av någon anledning. Vi kommer att lära oss hur du inaktiverar F12 för DevTools , men innan dess, låt oss utforska det här avsnittet i webbläsaren.

Alternativ tillgängliga i Microsoft Edges utvecklarverktyg^{(Developer Tools)}

Utvecklarverktygssektionen är go^{(Developer Tools)} -to-området för avancerade användare, och här är varför – den innehåller massor av användbara funktioner. Här är panelerna du får i DevTools:

• Element: ^(Elements:) Inspektera^(Inspect) tillgänglighetsegenskaper, redigera CSS- och HTML -kod, händelseavlyssnare, ändra DOM -brytpunkter.
• Prestanda: ^{(Performance:)} Se^(View) de systemresurser som din webbplats behöver.
• Källor: ^(Sources:) Visa^(View) webbplatsens tillstånd genom JavaScript -kod, stega igenom koden, ställ in brytpunkter. Ändra även webbsideskoder här.
• Konsol :^(Console:) Inspektera DOM - noder och JavaScript - objekt, kör JavaScript- objekt för fönstret och se loggmeddelanden.
• Minne: ^(Memory:) Observera^(Observe) minnesresurser och jämför ögonblicksbilder från kodkörning.
• Nätverk: ^(Network:) Övervaka^(Monitor) förfrågningar och inspektera svaren.
• Säkerhet:^(Security:) Där du felsöker sårbarheter och felsöker HTTPS- anslutningar.
• Lighthouse: Kör^(Run) webbplatsrevisioner för att förbättra den övergripande prestandan, bygga en PWA , fånga buggar och åtgärda fel.
• Applikation: ^{(Application:)} Inspektera^(Inspect) , redigera och felsök tjänstearbetare dess cacheminne och webbappsmanifest. Inspektera också databaser, lagring och cachar och hantera dem.

Inaktivera F12 - tangenten för utvecklarverktyg^{(Developer Tools)} i Edge

Alternativet att gå till utvecklarverktyg^{(Developer Tools)} dök upp i Edge Canary och har varit en stöttepelare sedan dess. Den kommer snart att finnas tillgänglig för Edge Stable- versionerna.

I det här avsnittet kommer jag att visa dig hur du inaktiverar den här genvägen.

Starta först Microsoft Edge och tryck på kortkommandot ALT + F Välj  Inställningar^(Settings) från menyn.

Det är här du inaktiverar eller aktiverar alternativet att  öppna DevTools när F12-tangenten trycks ned^{(Open the DevTools when the F12 key is pressed)} .

Stäng^(Toggle) av alternativet för att inaktivera det.

Slutligen, starta om webbläsaren Microsoft Edge .

När du startar om, tryck på F12 så kommer du att märka att du inte längre kommer till skärmen för utvecklarverktyg .^{(Developer Tools)}

Hoppas det här hjälper.

Disable F12 keyboard shortcut for Microsoft Edge Developer Tools

Microsoft adopted the open-source Chromium proјect for the new Microsoft Edge, completely overhauling the old browser. Edge now runs the same engine as the popular Google Chrome, which comes with pretty exciting features. The reemergence of the Microsoft Edge browser bought over users because of these outstanding features. This Chromium-based browser supports older Windows editions and ARM64 devices.

The browser has something in store for every user – from casual users to developers. Edge’s Developer Tools (DevTools) is where you can inspect and modify a webpage’s HTML, view or debug code, etc. The F12 shortcut opens DevTools for Edge in Windows, but you may wish to disable this shortcut for some reason. We’ll learn how to disable F12 for DevTools, but before that, let’s explore this section on the browser.

Options available in Microsoft Edge’s Developer Tools

The Developer Tools section is the go-to area for power users, and here’s why – it contains loads of useful functions. Here are the panels you get in DevTools:

• Elements: Inspect accessibility properties, edit CSS and HTML code, event listeners, modify DOM breakpoints.
• Performance: View the system resources your website needs.
• Sources: View the website’s state by JavaScript code, step through code, set breakpoints. Also, modify webpage codes here.
• Console: Inspect DOM nodes and JavaScript objects, run JavaScript objects for the window, and see log messages.
• Memory: Observe memory resources and compare snapshots from code runtime.
• Network: Monitor requests and inspect the responses.
• Security: Where you debug vulnerabilities and troubleshoot HTTPS connections.
• Lighthouse: Run website audits to improve overall performance, build a PWA, catch bugs, and fix errors.
• Application: Inspect, edit, and debug service workers its caches, and web app manifests. Also, inspect databases, storage, and caches and manage them.

Disable F12 key for Developer Tools in Edge

The option to go to Developer Tools showed up in Edge Canary and has been a mainstay ever since. It will soon be available for the Edge Stable versions.

In this section, I’ll show you how to disable this shortcut.

First, launch Microsoft Edge and press the ALT + F keyboard shortcut. Choose Settings from the menu.

This is where you disable or enable the option to Open the DevTools when the F12 key is pressed.

Toggle off the option to disable it.

Finally, restart the Microsoft Edge browser.

On restarting, press F12, and you’ll notice that it no longer takes you to the Developer Tools screen.

Hope this helps.

Related posts

• Hur man ändrar användaragent och geolokalisering i Edge Developer Tools

• Inaktivera utvecklarverktyg i Edge med hjälp av register eller grupprincip

• Rensa webbplatsdata för en viss webbplats i Chrome eller Edge med hjälp av utvecklarverktyg

• Identifiera typsnitt i Chrome, Edge och Firefox med hjälp av utvecklarverktyg

• Hur man tar bort menyknappen Extensions från Microsoft Edge-verktygsfältet

• Uppdateringspolicyer är konfigurerade men kommer att ignoreras - Microsoft Edge

• Microsoft Edge kommer inte att öppnas på Windows 11/10

• Hur man använder bild i bildläge i Microsoft Edge Browser

• Microsoft Edge Browser tips och tricks för Windows 11/10

• Microsoft Edge-webbläsaren hänger sig, fryser, kraschar eller fungerar inte

• Blockera eller stoppa Microsoft Edge popup-tips och meddelanden

• Inaktivera adressfältets rullgardinsförslag i Microsoft Edge

• Hur man inaktiverar eller stoppar videoautomatisk uppspelning i Microsoft Edge

• Åtgärda felkoder för installation och uppdatering av Microsoft Edge

• Skapa en genväg för att öppna webbläsaren Microsoft Edge i InPrivate-läge

• Hur man reparerar eller återställer Microsoft Edge-webbläsaren på Windows 11

• Blockera Microsoft Edge-annonser som visas i Windows 10 Start-menyn

• Hur man spelar det nya surfspelet i Microsoft Edge

• Hur man visar favoritfältet i Microsoft Edge på Windows 10

• Hur man installerar webbläsaren Microsoft Edge på Chromebook