Microsoftは、新しい^(Microsoft)Microsoft EdgeにオープンソースのChromiumプロジェクトを採用し、古いブラウザを完全にオーバーホールしました。Edgeは、非常にエキサイティングな機能を備えた人気のGoogleChromeと同じエンジンを実行するようになりました。これらの優れた機能のために、 MicrosoftEdge^{(Microsoft Edge)}ブラウザの再登場がユーザーを買収しました。このChromiumベースのブラウザは、古いWindowsエディションとARM64デバイスをサポートしています。

ブラウザには、カジュアルユーザーから開発者まで、すべてのユーザーのために何かが用意されています。Edgeの開発者ツール（DevTools）^{(Edge’s Developer Tools (DevTools))}は、WebページのHTMLを検査および変更したり、コードを表示またはデバッグ したりできる場所です。F12ショートカットはWindowsで^(Windows)DevTools for Edgeを開きますが、何らかの理由でこのショートカットを無効にすることをお勧めします。DevToolsで^(DevTools)F12を無効にする方法を学習しますが、その前に、ブラウザーでこのセクションを調べてみましょう。

MicrosoftEdgeの開発者ツールで利用可能なオプション^{(Developer Tools)}

開発者ツール^{(Developer Tools)}セクションはパワーユーザーにとって頼りになる領域であり、その理由はここにあります–そこにはたくさんの便利な機能が含まれています。DevToolsで取得できるパネルは次のとおりです。

• 要素：アクセシビリティプロパティの^(Elements:) 検査、 ^(Inspect)CSSおよびHTMLコードの編集、イベントリスナー、DOMブレークポイントの変更。
• パフォーマンス：^{(Performance:)} Webサイトに必要なシステムリソースを表示します。^(View)
• ソース：^(Sources:) JavaScriptコードでウェブサイトの状態を表示^(View)し、コードをステップスルーし、ブレークポイントを設定します。また、ここでWebページコードを変更します。
• コンソール：^(Console:)DOMノードとJavaScriptオブジェクトを検査し、ウィンドウのJavaScriptオブジェクトを実行して、ログメッセージを確認します。
• メモリ：メモリリソースを^(Memory:) 観察^(Observe)し、コードランタイムからのスナップショットを比較します。
• ネットワーク：要求を^(Network:) 監視^(Monitor)し、応答を検査します。
• セキュリティ：^(Security:)脆弱性をデバッグし、HTTPS接続のトラブルシューティングを行う場所。
• 灯台：ウェブサイトの監査を^{(Lighthouse:)} 実行^(Run)して、全体的なパフォーマンスを改善し、PWAを構築し、バグをキャッチし、エラーを修正します。
• アプリケーション：サービスワーカーのキャッシュとWebアプリマニフェストを^{(Application:)} 検査^(Inspect)、編集、デバッグします。また、データベース、ストレージ、およびキャッシュを検査して管理します。

Edgeの^(Edge)開発者ツール^{(Developer Tools)}のF12キーを無効にする

開発者ツール^{(Developer Tools)}に移動するオプションはEdgeCanaryに表示され、それ以来主力となっています。間もなくEdgeStableバージョンで利用できるようになります。

このセクションでは、このショートカットを無効にする方法を説明します。

まず、 Microsoft Edge^{(Microsoft Edge)}を起動し、 ALT + F キーボードショートカットを押します。メニューから[設定]^(Settings)を選択 します。

ここで、F12キーが押されたときにDevToolsを開く^{(Open the DevTools when the F12 key is pressed)}オプションを無効または有効にします 。

^(Toggle)オプションをオフに切り替えて無効にします。

最後に、MicrosoftEdgeブラウザを再起動します。

再起動時にF12^(F12)キーを押すと、開発ツール^{(Developer Tools)}画面が表示されなくなります。

お役に立てれば。

Disable F12 keyboard shortcut for Microsoft Edge Developer Tools

Microsoft adopted the open-sourсe 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

• Edge Developer ToolsでUser Agent and Geolocationを変更する方法

• EdgeでEdgeを使用してRegistry or Group Policyを使用して無効にします

• Chrome or Edgeで特定のサイトのための明確なSite Data Developer Toolsを使用して

• Identify Chrome、Edge and Firefoxのフォント

• Microsoft Edge toolbarからExtensionsメニューボタンを削除する方法

• InPrivate modeで開いMicrosoft Edge browserへのショートカットを作成します

• TabsをMicrosoft Edgeを備えた他のデバイスに送信する方法

• Microsoft Edge Webサイトプッシュ通知をオフにする方法

• Microsoft EdgeでSmart Copyの使い方

• Microsoft Edge browserでDuplicate Favoritesを削除する方法

• Fix Microsoft Edge Installation & Update error codes

• Microsoft EdgeでVideo Autoplayを無効または停止する方法

• Edge Extensions and Add-ons StoreのMicrosoft Edgeの場合Best Themes

• Microsoft Edge browserに拡張機能をインストールする方法

• Windows 10にMicrosoft EdgeにSystem Print Dialog有効

• Microsoft EdgeでAddress Bar Drop-down List Suggestionsを無効にします

• WebサイトをMicrosoft EdgeでTaskbarに固定する方法

• Microsoft Edge browserにChrome Themesをインストールする方法

• Home buttonをMicrosoft Edge browserに追加します

• Windows 10の場合Microsoft Edge Browser Tips and Tricks