微软为新的^(Microsoft)Microsoft Edge采用了开源Chromium项目，彻底改造了旧浏览器。Edge 现在运行与流行的Google Chrome^{(Google Chrome)}相同的引擎，具有非常令人兴奋的功能。由于这些出色的功能， Microsoft Edge^{(Microsoft Edge)}浏览器的重新出现赢得了用户的青睐。这款基于 Chromium 的浏览器支持较旧的Windows版本和ARM64设备。

浏览器为每个用户准备了一些东西——从临时用户到开发人员。Edge 的开发人员工具 (DevTools)^{(Edge’s Developer Tools (DevTools))}是您可以检查和修改网页的HTML、查看或调试代码等的 地方。 F12快捷方式在Windows中打开^(Windows)DevTools for Edge，但您可能出于某种原因希望禁用此快捷方式。我们将学习如何为DevTools禁用^(DevTools)F12，但在此之前，让我们在浏览器上探索这一部分。

Microsoft Edge 的开发人员工具中可用的选项^{(Developer Tools)}

开发人员工具^{(Developer Tools)}部分是高级用户的首选区域，这就是为什么 - 它包含大量有用的功能。以下是您在 DevTools 中获得的面板：

• 元素：^(Elements:) 检查^(Inspect)可访问性属性、编辑CSS和HTML代码、事件监听器、修改DOM断点。
• 性能：^{(Performance:)} 查看^(View)您的网站所需的系统资源。
• 来源：通过^(Sources:) JavaScript代码^(JavaScript)查看^(View)网站状态，单步执行代码，设置断点。另外，在这里修改网页代码。
• 控制台：^(Console:)检查DOM节点和JavaScript对象，为窗口运行JavaScript对象，并查看日志消息。
• 内存：^(Memory:) 观察^(Observe)内存资源并比较代码运行时的快照。
• 网络：^(Network:) 监控^(Monitor)请求并检查响应。
• 安全性：^(Security:)调试漏洞和排除HTTPS连接故障的地方。
• Lighthouse： 运行^(Run)网站审核以提高整体性能、构建PWA、捕获错误并修复错误。
• 应用程序：^{(Application:)} 检查^(Inspect)、编辑和调试 Service Worker 的缓存和 Web 应用程序清单。此外，检查数据库、存储和缓存并管理它们。

在Edge中禁用开发人员工具的^{(Developer Tools)}F12键

前往开发者工具^{(Developer Tools)}的选项出现在Edge Canary中，从那时起就一直是主流。它很快将可用于Edge Stable版本。

在本节中，我将向您展示如何禁用此快捷方式。

首先，启动Microsoft Edge并按ALT + F 键盘快捷键。从菜单中选择 设置。^(Settings)

您可以在此处禁用或启用 按下 F12 键时打开 DevTools^{(Open the DevTools when the F12 key is pressed)}的选项。

^(Toggle)关闭选项以禁用它。

最后，重新启动Microsoft Edge浏览器。

重新启动时，按F12，您会注意到它不再将您带到开发人员工具^{(Developer Tools)}屏幕。

希望这可以帮助。

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

• 如何改变User Agent and Geolocation在Edge Developer Tools

• 在Edge禁用Developer Tools使用Registry or Group Policy

• 使用Developer Tools清除Chrome or Edge中特定网站的清除Site Data

• Identify字体在Chrome，Edge and Firefox中使用Developer Tools

• 如何从Microsoft Edge toolbar中删除Extensions菜单按钮

• Microsoft Edge将在Windows 11/10上打开

• 如何自定义Microsoft Edge New tab页面

• 如何显示Favorites Bar在Microsoft Edge上Windows 10

• 如何在Microsoft Edge中禁用或停止Video Autoplay

• 如何在Microsoft Edge中使用Super Duper Secure Mode

• Microsoft Edge在Windows 10 Restart上保持Auto-resetting

• Access & use Microsoft Edge有关在Windows 10 flags页面

• Fix Microsoft Edge Installation & Update error codes

• 如何执行Google SafeSearch在Microsoft Edge在Windows 10

• 如何在Windows 10集或更改Microsoft Edge homepage

• 如何在Microsoft Edge browser中安装扩展

• 如何在Microsoft Edge browser中删除Duplicate Favorites

• 如何在Microsoft Edge中使用Smart Copy

• 修复我们可以在Microsoft Edge中获取此extension error

• 使用Registry在Microsoft Edge禁用同步所有User Profiles