Microsoft приняла проект ^(Microsoft)Chromium с открытым исходным кодом для нового Microsoft Edge , полностью переработав старый браузер. Edge теперь работает на том же движке, что и популярный Google Chrome , который обладает довольно интересными функциями. Возрождение браузера Microsoft Edge подкупило пользователей благодаря этим выдающимся функциям. Этот браузер на основе Chromium поддерживает старые выпуски Windows и устройства ^(Windows)ARM64 .

В браузере есть что-то для каждого пользователя — от обычных пользователей до разработчиков. Инструменты разработчика Edge (DevTools)^{(Edge’s Developer Tools (DevTools))} — это место, где вы можете проверять и изменять HTML -код веб-страницы , просматривать или отлаживать код и т.  д. Ярлык F12 открывает DevTools для Edge в Windows , но по какой-то причине вы можете отключить этот ярлык. Мы узнаем, как отключить F12 для DevTools , но перед этим давайте изучим этот раздел в браузере.

Параметры, доступные в инструментах разработчика^{(Developer Tools)} Microsoft Edge

Раздел « Инструменты разработчика^{(Developer Tools)} » предназначен для опытных пользователей, и вот почему — он содержит множество полезных функций. Вот панели, которые вы получаете в DevTools:

• Элементы: ^(Elements:) проверяйте^(Inspect) свойства специальных возможностей, редактируйте код CSS и HTML , прослушиватели событий, изменяйте точки останова DOM .
• Производительность: ^{(Performance:)} просмотр^(View) системных ресурсов, необходимых вашему веб-сайту.
• Источники: ^(Sources:) просмотр^(View) состояния веб-сайта по коду JavaScript , пошаговое выполнение кода, установка точек останова. ^(JavaScript)Кроме того, измените коды веб-страниц здесь.
• Консоль:^(Console:) проверяйте узлы DOM и объекты ^(DOM)JavaScript , запускайте объекты JavaScript для окна и просматривайте сообщения журнала.
• Память: ^(Memory:) наблюдайте^(Observe) за ресурсами памяти и сравнивайте моментальные снимки во время выполнения кода.
• Сеть: ^(Network:) отслеживайте^(Monitor) запросы и проверяйте ответы.
• Безопасность:^(Security:) здесь вы отлаживаете уязвимости и устраняете неполадки HTTPS - соединений.
• Lighthouse: проводите аудит веб-сайта для повышения общей производительности, создавайте PWA , ^(PWA)выявляйте^(Run) и исправляйте ошибки.
• Приложение: ^{(Application:)} проверяйте^(Inspect) , редактируйте и отлаживайте сервисные работники, его кэши и манифесты веб-приложений. Кроме того, проверяйте базы данных, хранилище и кэши и управляйте ими.

Отключить клавишу F12 для ^(F12)инструментов разработчика^{(Developer Tools)} в Edge

Возможность перейти к инструментам разработчика^{(Developer Tools)} появилась в Edge Canary и с тех пор является опорой. Вскоре он будет доступен для версий Edge Stable .

В этом разделе я покажу вам, как отключить этот ярлык.

Сначала запустите Microsoft Edge и нажмите сочетание клавиш ALT + F Выберите  « Настройки»^(Settings) в меню.

Здесь вы отключаете или включаете опцию  открытия DevTools при нажатии клавиши F12^{(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 adoрted 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

• Как изменить User Agent and Geolocation в Edge Developer Tools

• Отключить Developer Tools в Edge с использованием Registry or Group Policy

• Очистить Site Data для определенного сайта в Chrome or Edge с использованием Developer Tools

• З8378481 шрифты в Chrome, Edge and Firefox с использованием Developer Tools

• Как удалить кнопку Extensions меню из Microsoft Edge toolbar

• Как поделиться web page URL с использованием Microsoft Edge browser

• Как установить Microsoft Edge browser на Chromebook

• Microsoft Edge сохраняет Auto-resetting на Restart в Windows 10

• Как установить расширения в Microsoft Edge browser

• Microsoft Edge не откроется на Windows 11/10

• Как удалить Duplicate Favorites в Microsoft Edge browser

• Microsoft Edge для аварии Mac не работает или не устраивает проблемы

• Block Microsoft Edge Ads, которые появляются в Windows 10 Start Menu

• Как ограничить Media Autoplay в Microsoft Edge browser

• Как настроить Security Key для Microsoft Account

• Microsoft Edge не может быть открыт с помощью встроенного administrator account

• Как использовать Kids mode в Microsoft Edge browser

• Assign Backspace key вернуться на страницу в Microsoft Edge

• Добавить Home button до Microsoft Edge browser

• Включить System Print Dialog в Microsoft Edge в Windows 10