Microsoft ha adottato il progetto open source Chromium per il nuovo Microsoft Edge , revisionando completamente il vecchio browser. Edge ora esegue lo stesso motore del popolare Google Chrome , che viene fornito con funzionalità piuttosto interessanti. Il riemergere del browser Microsoft Edge ha acquistato gli utenti a causa di queste eccezionali funzionalità. Questo browser basato su Chromium supporta le versioni precedenti di Windows e i dispositivi ARM64 .

Il browser ha qualcosa in serbo per ogni utente, dagli utenti occasionali agli sviluppatori. Edge's Developer Tools (DevTools) è dove puoi ispezionare e modificare l' HTML di una pagina web , visualizzare o eseguire il debug del codice, ecc. Il  collegamento F12 apre DevTools per Edge in Windows , ma potresti voler disabilitare questo collegamento per qualche motivo. Impareremo come disabilitare F12 per DevTools , ma prima esploriamo questa sezione sul browser.

Opzioni disponibili negli Strumenti per sviluppatori^{(Developer Tools)} di Microsoft Edge

La sezione Strumenti per sviluppatori^{(Developer Tools)} è l'area di riferimento per gli utenti esperti, ed ecco perché: contiene un sacco di funzioni utili. Ecco i pannelli che ottieni in DevTools:

• Elementi: ^(Elements:) ispeziona^(Inspect) le proprietà di accessibilità, modifica codice CSS e HTML , listener di eventi, modifica punti di interruzione DOM .
• Prestazioni: ^{(Performance:)} visualizza^(View) le risorse di sistema di cui ha bisogno il tuo sito web.
• Fonti: ^(Sources:) visualizza^(View) lo stato del sito Web in base al codice JavaScript , passa attraverso il codice, imposta i punti di interruzione. Inoltre, modifica i codici delle pagine web qui.
• Console: controlla i nodi DOM e gli oggetti JavaScript , esegui gli oggetti JavaScript per la finestra e visualizza i messaggi di registro.
• Memoria: ^(Memory:) osserva^(Observe) le risorse di memoria e confronta gli snapshot dal runtime del codice.
• Rete: ^(Network:) monitora^(Monitor) le richieste e ispeziona le risposte.
• Sicurezza:^(Security:) dove esegui il debug delle vulnerabilità e risolvi i problemi delle connessioni HTTPS .
• Faro: ^{(Lighthouse:)} esegui^(Run) controlli del sito Web per migliorare le prestazioni complessive, creare una PWA , rilevare bug e correggere errori.
• Applicazione: ^{(Application:)} ispeziona^(Inspect) , modifica ed esegui il debug dei lavoratori del servizio delle sue cache e dei manifesti delle app Web. Inoltre, ispeziona database, storage e cache e gestiscili.

Disabilita il tasto F12 per gli ^(F12)strumenti per sviluppatori^{(Developer Tools)} in Edge

L'opzione per andare su Strumenti per sviluppatori^{(Developer Tools)} è stata mostrata in Edge Canary e da allora è stata un pilastro. Presto sarà disponibile per le versioni Edge Stable .

In questa sezione, ti mostrerò come disabilitare questa scorciatoia.

Innanzitutto, avvia Microsoft Edge e premi la scorciatoia da tastiera ALT + F Scegli  Impostazioni^(Settings) dal menu.

Qui è dove si disabilita o si abilita l'opzione per  aprire DevTools quando si preme il tasto F12^{(Open the DevTools when the F12 key is pressed)} .

Disattiva^(Toggle) l'opzione per disabilitarla.

Infine, riavvia il browser Microsoft Edge .

Al riavvio, premi F12 e noterai che non ti porta più alla schermata Strumenti per sviluppatori .^{(Developer Tools)}

Spero questo sia di aiuto.

Disable F12 keyboard shortcut for Microsoft Edge Developer Tools

Microsoft adopted the open-source Chromium projеct 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

• Come cambiare User Agent and Geolocation in Edge Developer Tools

• Disabilita Developer Tools in Edge utilizzando Registry or Group Policy

• Cancella Site Data per un particolare sito Chrome or Edge utilizzando Developer Tools

• Identify FONTS IN Chrome, Edge and Firefox Usando Developer Tools

• Come rimuovere il pulsante del menu Extensions da Microsoft Edge toolbar

• Come nascondere Title Bar con Vertical Tabs in Microsoft Edge

• Come disabilitare o fermare Video Autoplay in Microsoft Edge

• Assign Backspace key per tornare indietro a una pagina in Microsoft Edge

• Abilita o disabilita Online Shopping feature in Microsoft Edge

• Microsoft Edge Tiene Auto-resetting su Restart in Windows 10

• Come limitare Media Autoplay in Microsoft Edge browser

• Come installare Chrome Themes su Microsoft Edge browser

• Come suonare il nuovo Surf Game in Microsoft Edge

• Abilita System Print Dialog in Microsoft Edge in Windows 10

• Come mostrare Favorites Bar in Microsoft Edge su Windows 10

• Come prevenire le modifiche ai preferiti su Microsoft Edge in Windows 10

• Microsoft Edge per Mac si schianta, non funziona o dando problemi

• Microsoft Edge non si apre su Windows 11/10

• Best Themes per Microsoft Edge da Edge Extensions and Add-ons Store

• Come impostare o modificare Microsoft Edge homepage su Windows 10