Microsoft adoptó el proyecto ^(Microsoft)Chromium de código abierto para el nuevo Microsoft Edge , renovando por completo el antiguo navegador. Edge ahora ejecuta el mismo motor que el popular Google Chrome , que viene con funciones bastante interesantes. El resurgimiento del navegador Microsoft Edge compró a los usuarios debido a estas características sobresalientes. Este navegador basado en Chromium admite ediciones anteriores de Windows y dispositivos ^(Windows)ARM64 .

El navegador tiene algo reservado para cada usuario, desde usuarios ocasionales hasta desarrolladores. Las herramientas de desarrollo de Edge (DevTools)^{(Edge’s Developer Tools (DevTools))} es donde puede inspeccionar y modificar el HTML de una página web , ver o depurar el código, etc. El  acceso directo F12 abre DevTools para Edge en Windows , pero es posible que desee desactivar este acceso directo por algún motivo. Aprenderemos cómo deshabilitar F12 para DevTools , pero antes de eso, exploremos esta sección en el navegador.

Opciones disponibles en las herramientas para desarrolladores^{(Developer Tools)} de Microsoft Edge

La sección Herramientas para desarrolladores^{(Developer Tools)} es el área de acceso para los usuarios avanzados, y he aquí por qué: contiene muchas funciones útiles. Estos son los paneles que obtiene en DevTools:

• Elementos: ^(Elements:) inspeccione^(Inspect) las propiedades de accesibilidad, edite el código CSS y HTML , los detectores de eventos, modifique los puntos de interrupción del DOM .
• Rendimiento: ^{(Performance:)} vea^(View) los recursos del sistema que necesita su sitio web.
• Fuentes: ^(Sources:) vea^(View) el estado del sitio web por código JavaScript , recorra el código, establezca puntos de interrupción. Además, modifique los códigos de la página web aquí.
• Consola:^(Console:) inspeccione los nodos DOM y los objetos de ^(DOM)JavaScript , ejecute objetos de JavaScript para la ventana y vea los mensajes de registro.
• Memoria: ^(Memory:) observe los recursos de memoria y compare instantáneas del tiempo de ejecución del código.
• Red: ^(Network:) Supervise^(Monitor) las solicitudes e inspeccione las respuestas.
• Seguridad:^(Security:) donde depura vulnerabilidades y soluciona problemas de conexiones HTTPS .
• Lighthouse: ejecute^(Run) auditorías del sitio web para mejorar el rendimiento general, cree un PWA , detecte errores y corrija errores.
• Aplicación: ^{(Application:)} inspeccione^(Inspect) , edite y depure los trabajadores del servicio, sus cachés y los manifiestos de aplicaciones web. Además, inspeccione bases de datos, almacenamiento y cachés y adminístrelos.

Deshabilitar la tecla F12 para ^(F12)herramientas de desarrollo^{(Developer Tools)} en Edge

La opción de ir a Developer Tools apareció en Edge Canary y ha sido un pilar desde entonces. Pronto estará disponible para las versiones Edge Stable .

En esta sección, le mostraré cómo deshabilitar este acceso directo.

Primero, inicie Microsoft Edge y presione el atajo de teclado ALT + F Elija  Configuración^(Settings) en el menú.

Aquí es donde deshabilita o habilita la opción para  abrir DevTools cuando se presiona la tecla F12^{(Open the DevTools when the F12 key is pressed)} .

^(Toggle)Desactive la opción para desactivarlo .

Finalmente, reinicie el navegador Microsoft Edge .

Al reiniciar, presiona F12 y notarás que ya no te lleva a la pantalla Herramientas para desarrolladores .^{(Developer Tools)}

Espero que esto ayude.

Disable F12 keyboard shortcut for Microsoft Edge Developer Tools

Miсrosoft adopted the open-source 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

• Cómo cambiar User Agent and Geolocation en Edge Developer Tools

• Desactive Developer Tools en Edge usando Registry or Group Policy

• Site Data claro para determinado sitio en Chrome or Edge usando Developer Tools

• Identify Fuentes en Chrome, Edge and Firefox Uso de Developer Tools

• Cómo quitar el botón de menú de Extensions Microsoft Edge toolbar

• Cómo configurar Security Key para Microsoft Account

• Cómo compartir un web page URL usando Microsoft Edge browser

• Cómo utilizar Super Duper Secure Mode en Microsoft Edge

• Deshabilitar sincronización para todos los User Profiles en Microsoft Edge usando Registry

• Block Microsoft Edge Ads que aparece en Windows 10 Start Menu

• Cómo usar Smart Copy en Microsoft Edge

• Cómo limitar Media Autoplay en Microsoft Edge browser

• Fix Microsoft Edge Installation & Update error codes

• Cómo mostrar Favorites Bar en Microsoft Edge en Windows 10

• Habilitar o deshabilitar Online Shopping feature en Microsoft Edge

• Añadir un Home button a Microsoft Edge browser

• Cómo enviar Tabs a otros dispositivos con Microsoft Edge

• Assign Backspace key para volver una página en Microsoft Edge

• Microsoft Edge no se puede abrir usando el administrator account incorporado

• Cómo eliminar Duplicate Favorites en Microsoft Edge browser