Microsoft adopterede open-source Chromium - projektet til den nye Microsoft Edge , og gennemgik fuldstændig den gamle browser. Edge kører nu den samme motor som den populære Google Chrome , som kommer med ret spændende funktioner. Genopkomsten af ​​Microsoft Edge- browseren købte over brugere på grund af disse fremragende funktioner. Denne Chromium-baserede browser understøtter ældre Windows - udgaver og ARM64- enheder.

Browseren har noget i vente for enhver bruger - fra uformelle brugere til udviklere. Edge's Developer Tools (DevTools) er hvor du kan inspicere og ændre en websides HTML , se eller fejlfinde kode osv.  F12 - genvejen åbner DevTools for Edge i Windows , men du ønsker måske at deaktivere denne genvej af en eller anden grund. Vi lærer, hvordan du deaktiverer F12 for DevTools , men før det, lad os udforske dette afsnit i browseren.

Muligheder tilgængelige i Microsoft Edge's Developer Tools

Udviklerværktøjssektionen er go^{(Developer Tools)} -to-området for superbrugere, og her er hvorfor – det indeholder masser af nyttige funktioner. Her er de paneler, du får i DevTools:

• Elementer: ^(Elements:) Undersøg^(Inspect) tilgængelighedsegenskaber, rediger CSS- og HTML -kode, hændelseslyttere, rediger DOM - brudpunkter.
• Ydeevne: ^{(Performance:)} Se^(View) de systemressourcer, dit websted har brug for.
• Kilder: ^(Sources:) Se^(View) webstedets tilstand ved hjælp af JavaScript -kode, trin gennem kode, sæt brudpunkter. Rediger også websidekoder her.
• Konsol:^(Console:) Undersøg DOM - noder og JavaScript - objekter, kør JavaScript -objekter for vinduet, og se logmeddelelser.
• Hukommelse: ^(Memory:) Observer^(Observe) hukommelsesressourcer og sammenlign snapshots fra kodekørsel.
• Netværk: ^(Network:) Overvåg^(Monitor) anmodninger og inspicér svarene.
• Sikkerhed:^(Security:) Hvor du fejlfinder sårbarheder og fejlfinder HTTPS- forbindelser.
• Lighthouse: Kør^(Run) webstedsrevisioner for at forbedre den overordnede ydeevne, opbygge en PWA , fange fejl og rette fejl.
• Anvendelse: ^{(Application:)} Undersøg^(Inspect) , rediger og fejlfind servicemedarbejdere i deres caches og webapp-manifester. Undersøg også databaser, lagring og caches og administrer dem.

Deaktiver F12- tasten for udviklerværktøjer^{(Developer Tools)} i Edge

Muligheden for at gå til Developer Tools dukkede op i Edge Canary og har været en grundpille lige siden. Den vil snart være tilgængelig til Edge Stable- versionerne.

I dette afsnit viser jeg dig, hvordan du deaktiverer denne genvej.

Start først Microsoft Edge og tryk på ALT + F  tastaturgenvejen. Vælg  Indstillinger^(Settings) i menuen.

Det er her, du deaktiverer eller aktiverer muligheden for at  åbne DevTools, når der trykkes på F12-tasten^{(Open the DevTools when the F12 key is pressed)} .

Slå^(Toggle) muligheden fra for at deaktivere den.

Til sidst skal du genstarte Microsoft Edge- browseren.

Ved genstart skal du trykke på F12 , og du vil bemærke, at det ikke længere fører dig til skærmbilledet Udviklerværktøjer^{(Developer Tools)} .

Håber dette hjælper.

Disable F12 keyboard shortcut for Microsoft Edge Developer Tools

Microsoft adopted the open-sourсe Chromium project 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

• Sådan ændres User Agent og Geolocation i Edge Developer Tools

• Deaktiver udviklerværktøjer i Edge ved hjælp af registreringsdatabasen eller gruppepolitik

• Ryd webstedsdata for et bestemt websted i Chrome eller Edge ved hjælp af udviklerværktøjer

• Identificer skrifttyper i Chrome, Edge og Firefox ved hjælp af udviklerværktøjer

• Sådan fjerner du menuknappen Udvidelser fra Microsoft Edge-værktøjslinjen

• Microsoft Edge Browser Tips og Tricks til Windows 11/10

• Microsoft Edge fortsætter med automatisk nulstilling ved genstart i Windows 11/10

• Sådan forhindrer du ændringer til favoritter på Microsoft Edge i Windows 10

• Tildel Backspace-tast for at gå tilbage en side i Microsoft Edge

• Sådan installeres Chrome-temaer på Microsoft Edge-browseren

• Sådan repareres eller nulstilles Microsoft Edge-browseren på Windows 11

• Sådan fjerner du dublerede favoritter i Microsoft Edge-browseren

• Få adgang til og brug Microsoft Edge om flag-siden på Windows 11/10

• Sådan håndhæves Google SafeSearch i Microsoft Edge i Windows 10

• Microsoft Edge-browseren hænger, fryser, går ned eller virker ikke

• Sådan blokerer du et websted i Microsoft Edge på Windows 11/10

• Opdateringspolitikker er konfigureret, men vil blive ignoreret - Microsoft Edge

• Sådan bruger du Super Duper Secure Mode i Microsoft Edge

• Sådan slår du Microsoft Edge-websteds-push-meddelelser fra

• Sådan bruger du billede i billedtilstand på Microsoft Edge Browser