A Microsoft adotou o projeto ^(Microsoft)Chromium de código aberto para o novo Microsoft Edge , reformulando completamente o navegador antigo. O Edge agora executa o mesmo mecanismo do popular Google Chrome , que vem com recursos bastante interessantes. O ressurgimento do navegador Microsoft Edge comprou os usuários por causa desses recursos excelentes. Este navegador baseado em Chromium suporta edições mais antigas do Windows^(Windows) e dispositivos ARM64 .

O navegador tem algo reservado para cada usuário – de usuários casuais a desenvolvedores. As Ferramentas de Desenvolvedor do Edge (DevTools)^{(Edge’s Developer Tools (DevTools))} são onde você pode inspecionar e modificar o HTML de uma página da Web , visualizar ou depurar o código, etc. O  atalho F12 abre o DevTools^(DevTools) para Edge no Windows , mas você pode querer desabilitar este atalho por algum motivo. Aprenderemos como desabilitar o F12 para DevTools , mas antes disso, vamos explorar esta seção no navegador.

Opções disponíveis nas ferramentas de desenvolvedor^{(Developer Tools)} do Microsoft Edge

A seção Developer Tools é a área de acesso para usuários avançados, e aqui está o porquê – ela contém muitas funções úteis. Aqui estão os painéis que você obtém no DevTools:

• Elementos: ^(Elements:) Inspecione^(Inspect) as propriedades de acessibilidade, edite o código CSS e HTML , ouvintes de eventos, modifique os pontos de interrupção do DOM .
• Desempenho: ^{(Performance:)} visualize^(View) os recursos do sistema que seu site precisa.
• Fontes: ^(Sources:) Visualize^(View) o estado do site por código JavaScript , percorra o código, defina pontos de interrupção. Além disso, modifique os códigos das páginas da web aqui.
• Console: inspecione nós DOM e objetos ^(DOM)JavaScript , execute objetos JavaScript para a janela e veja as mensagens de log.
• Memória: ^(Memory:) observe os recursos de memória e compare os instantâneos do tempo de execução do código.
• Rede: ^(Network:) Monitore^(Monitor) as solicitações e inspecione as respostas.
• Segurança:^(Security:) onde você depura vulnerabilidades e soluciona problemas de conexões HTTPS .
• Lighthouse: execute^(Run) auditorias de sites para melhorar o desempenho geral, criar um PWA , detectar bugs e corrigir erros.
• Aplicativo: ^{(Application:)} inspecione^(Inspect) , edite e depure os service workers seus caches e manifestos de aplicativos Web. Além disso, inspecione bancos de dados, armazenamento e caches e gerencie-os.

Desabilitar a tecla F12 para ^(F12)Ferramentas do Desenvolvedor^{(Developer Tools)} no Edge

A opção de acessar as Ferramentas do desenvolvedor^{(Developer Tools)} apareceu no Edge Canary e tem sido um dos pilares desde então. Em breve estará disponível para as versões Edge Stable .

Nesta seção, mostrarei como desativar esse atalho.

Primeiro, inicie o Microsoft Edge^{(Microsoft Edge)} e pressione o atalho de teclado ALT + F Escolha  Configurações^(Settings) no menu.

É aqui que você desabilita ou habilita a opção de  Abrir o DevTools quando a tecla F12 é pressionada^{(Open the DevTools when the F12 key is pressed)} .

Desative^(Toggle) a opção para desativá-lo.

Por fim, reinicie o navegador Microsoft Edge .

Ao reiniciar, pressione F12 e você notará que ele não leva mais à tela Ferramentas do desenvolvedor .^{(Developer Tools)}

Espero que isto ajude.

Disable F12 keyboard shortcut for Microsoft Edge Developer Tools

Microsoft 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

• Como alterar User Agent and Geolocation em Edge Developer Tools

• Desativar Developer Tools em Edge usando Registry or Group Policy

• Limpar Site Data para particular site em Chrome or Edge usando Developer Tools

• Identify fontes em Chrome, Edge and Firefox usando Developer Tools

• Como remover o botão Extensions menu a partir Microsoft Edge toolbar

• Criar um atalho para Microsoft Edge browser aberto no InPrivate mode

• Como instalar o Microsoft Edge browser no Chromebook

• Como usar a imagem em Picture mode em Microsoft Edge Browser

• Como personalizar a página Microsoft Edge New tab

• Microsoft Edge não abre no Windows 11/10

• Microsoft Edge não pode ser aberto usando o administrator account embutido

• Como remover Duplicate Favorites em Microsoft Edge browser

• Como reinstalar ou redefinir Microsoft Edge browser no Windows 10

• políticas de atualização são configurado, mas serão ignorados - Microsoft Edge

• Block Microsoft Edge Ads que aparecem em Windows 10 Start Menu

• Best Themes para Microsoft Edge de Edge Extensions and Add-ons Store

• Como jogar o novo Surf Game em Microsoft Edge

• Como configurar Security Key para Microsoft Account

• Address Bar Drop-down List Suggestions Desativar Microsoft Edge

• Access & use Microsoft Edge Sobre a página de bandeiras no Windows 10