Microsoft hat das Open-Source- Chromium - Projekt für den neuen Microsoft Edge übernommen und den alten Browser komplett überarbeitet. Edge führt jetzt dieselbe Engine wie das beliebte Google Chrome aus, das mit ziemlich aufregenden Funktionen ausgestattet ist. Das Wiederauftauchen des Microsoft Edge - Browsers hat die Benutzer aufgrund dieser herausragenden Funktionen überkauft. Dieser Chromium-basierte Browser unterstützt ältere Windows - Editionen und ARM64 - Geräte.

Der Browser hält für jeden Benutzer etwas bereit – vom Gelegenheitsnutzer bis zum Entwickler. In den Entwicklertools (DevTools) von Edge können Sie den ^{(Edge’s Developer Tools (DevTools))}HTML -Code einer Webseite überprüfen und ändern , Code anzeigen oder debuggen usw. Die  Tastenkombination F12 öffnet DevTools für Edge in Windows , aber Sie möchten diese Tastenkombination möglicherweise aus irgendeinem Grund deaktivieren. Wir werden lernen, wie man F12 für DevTools deaktiviert , aber vorher sehen wir uns diesen Abschnitt im Browser an.

In den Entwicklertools^{(Developer Tools)} von Microsoft Edge verfügbare Optionen

Der Abschnitt „ Entwicklertools^{(Developer Tools)} “ ist der Einstiegsbereich für Power-User, und hier ist der Grund – er enthält jede Menge nützlicher Funktionen. Hier sind die Panels, die Sie in DevTools erhalten:

• Elemente: ^(Elements:) Zugänglichkeitseigenschaften überprüfen , ^(Inspect)CSS- und HTML -Code bearbeiten , Ereignis-Listener, DOM - Breakpoints ändern .
• Leistung: ^{(Performance:)} Zeigen^(View) Sie die Systemressourcen an, die Ihre Website benötigt.
• Quellen: ^(Sources:) Sehen^(View) Sie sich den Zustand der Website per JavaScript -Code an, durchlaufen Sie den Code, setzen Sie Haltepunkte. Ändern Sie hier auch Webseitencodes.
• Konsole:^(Console:) Untersuchen Sie DOM - Knoten und JavaScript - Objekte, führen Sie JavaScript - Objekte für das Fenster aus und sehen Sie sich Protokollmeldungen an.
• Arbeitsspeicher: ^(Memory:) Beobachten Sie^(Observe) Arbeitsspeicherressourcen und vergleichen Sie Momentaufnahmen aus der Codelaufzeit.
• Netzwerk: ^(Network:) Überwachen Sie^(Monitor) Anfragen und überprüfen Sie die Antworten.
• Sicherheit:^(Security:) Hier debuggen Sie Schwachstellen und beheben Fehler bei HTTPS- Verbindungen.
• Leuchtturm: ^{(Lighthouse:)} Führen Sie^(Run) Website-Audits durch, um die Gesamtleistung zu verbessern, erstellen Sie eine PWA , erkennen Sie Fehler und beheben Sie Fehler.
• Anwendung: ^{(Application:)} Inspizieren^(Inspect) , bearbeiten und debuggen Sie Service Worker, ihre Caches und Web-App-Manifeste. Untersuchen Sie außerdem Datenbanken, Speicher und Caches und verwalten Sie diese.

Deaktivieren Sie die F12 - Taste für die Entwicklertools^{(Developer Tools)} in Edge

Die Option, zu den Entwicklertools zu wechseln^{(Developer Tools)} , tauchte in Edge Canary auf und ist seitdem eine tragende Säule. Es wird in Kürze für die Edge Stable- Versionen verfügbar sein.

In diesem Abschnitt zeige ich Ihnen, wie Sie diese Verknüpfung deaktivieren.

Starten Sie zunächst Microsoft Edge und drücken Sie die Tastenkombination ALT + F Wählen Sie  Einstellungen^(Settings) aus dem Menü.

Hier deaktivieren oder aktivieren Sie die Option zum  Öffnen der DevTools, wenn die Taste F12 gedrückt wird^{(Open the DevTools when the F12 key is pressed)} .

Deaktivieren^(Toggle) Sie die Option, um sie zu deaktivieren.

Starten Sie abschließend den Microsoft Edge- Browser neu.

Drücken Sie beim Neustart F12 , und Sie werden feststellen, dass Sie nicht mehr zum Bildschirm " Entwicklertools " gelangen.^{(Developer Tools)}

Hoffe das hilft.

Disable F12 keyboard shortcut for Microsoft Edge Developer Tools

Microsoft adopted the open-soυrce 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

• So ändern Sie den Benutzeragenten und die Geolokalisierung in den Edge-Entwicklertools

• Deaktivieren Sie die Entwicklertools in Edge mithilfe der Registrierung oder Gruppenrichtlinie

• Löschen Sie Websitedaten für eine bestimmte Website in Chrome oder Edge mithilfe der Entwicklertools

• Identifizieren Sie Schriftarten in Chrome, Edge und Firefox mit den Entwicklertools

• So entfernen Sie die Menüschaltfläche Erweiterungen aus der Microsoft Edge-Symbolleiste

• So entfernen Sie doppelte Favoriten im Microsoft Edge-Browser

• Deaktivieren Sie die Vorschläge für die Dropdown-Liste der Adressleiste in Microsoft Edge

• So verhindern Sie Änderungen an den Favoriten auf Microsoft Edge in Windows 10

• So installieren Sie Erweiterungen im Microsoft Edge-Browser

• Der Microsoft Edge-Browser hängt, friert ein, stürzt ab oder funktioniert nicht

• So passen Sie die neue Registerkarte von Microsoft Edge an

• So zeigen Sie die Favoritenleiste in Microsoft Edge unter Windows 10 an

• So legen Sie die Microsoft Edge-Startseite unter Windows 11/10 fest oder ändern sie

• So teilen Sie eine Webseiten-URL mit dem Microsoft Edge-Browser

• Aktivieren Sie den Systemdruckdialog in Microsoft Edge in Windows 10

• So verwenden Sie den Super-Duper-Sicherheitsmodus in Microsoft Edge

• So installieren Sie Chrome-Designs im Microsoft Edge-Browser

• So verwenden Sie Smart Copy in Microsoft Edge

• Microsoft Edge lässt sich unter Windows 11/10 nicht öffnen

• So verwenden Sie den Kindermodus im Microsoft Edge-Browser