【保存版】Microsoft Edgeの開発者ツール(DevTools)をF12キーで開かないようにする方法

Microsoftは新しい「Microsoft Edge」にオープンソースのChromiumプロジェクトを採用し、旧ブラウザを完全に作り直しました。これによりEdgeは人気のGoogle Chromeと同じエンジンで動作するようになり、魅力的な機能が多数搭載されています。Chromiumベースになったことで、古いWindowsエディションやARM64デバイスへの対応も実現しました。

Edgeには、一般ユーザーから開発者まで、あらゆる層に向けた機能が用意されています。その中でも「開発者ツール(DevTools)」では、WebページのHTMLを検査・編集したり、コードの表示やデバッグを行ったりすることができます。

WindowsではF12キーを押すことでDevToolsを開けますが、誤操作の防止などを理由に、このショートカットを無効にしたいケースもあるでしょう。本記事では、F12キーによるDevTools起動を無効にする手順を解説します。その前に、まずDevToolsでできることを見ていきましょう。

Microsoft Edgeの開発者ツールで使える主な機能

開発者ツールはパワーユーザーにとって欠かせないエリアであり、非常に多くの便利な機能を備えています。DevToolsで利用できる主なパネルは以下の通りです。

• Elements(要素):アクセシビリティプロパティの確認、CSSやHTMLコードの編集、イベントリスナーの調査、DOMブレークポイントの設定など。
• Performance(パフォーマンス):Webサイトが必要とするシステムリソースの確認。
• Sources(ソース):JavaScriptコードによるサイトの状態確認、コードのステップ実行、ブレークポイントの設定。Webページのコード編集もここで行えます。
• Console(コンソール):DOMノードやJavaScriptオブジェクトの検査、ウィンドウに対するJavaScriptの実行、ログメッセージの表示。
• Memory(メモリ):メモリリソースの監視や、コード実行時のスナップショット比較。
• Network(ネットワーク):リクエストの監視とレスポンスの内容確認。
• Security(セキュリティ):脆弱性のデバッグやHTTPS接続のトラブルシューティング。
• Lighthouse:サイト監査の実行による総合パフォーマンスの改善、PWAの構築支援、バグやエラーの検出・修正。
• Application(アプリケーション):サービスワーカー、キャッシュ、Webアプリマニフェストの検査・編集・デバッグ。データベースやストレージの確認・管理も可能です。

Edgeで開発者ツールのF12キーを無効にする手順

開発者ツール関連の設定オプションは、当初Edge Canaryに搭載されていましたが、現在は正式版(Stableチャンネル)でも利用できます。以下の手順でショートカットを無効化しましょう。

1. Microsoft Edgeを起動し、キーボードの「Alt + F」を押します。表示されたメニューから「設定」を選択してください。
2. 左側のパネルから「システムとパフォーマンス」(または「システム」)をクリックし、ページ内の「開発者ツール」セクションまでスクロールします。
3. ここに「F12キーを押したときにDevToolsを開く」というオプションがあります。このトグルをオフに切り替えると、ショートカットが無効になります。
4. 最後に、Microsoft Edgeを再起動します。

再起動後にF12キーを押してみてください。開発者ツールの画面が開かなくなっていれば、設定は正常に反映されています。なお、再度有効にしたい場合は、同じ手順でトグルをオンに戻すだけでOKです。

この設定により、うっかりF12キーを押してDevToolsが起動してしまう煩わしさを防げます。ぜひ活用してみてください。