この記事はWindows 11(22H2)、Google Chrome(108.0.5359.99)の環境で解説しています。
開発者ツールは「F12」か「Ctrl+Shift+I(i)」の同時押しで開けますが
もし開かなくなった際の応急処置として
開発者ツールが開かない原因
-
ブラウザ側の問題
すべてのURLで開かないときに考えられます。 -
サーバー側が開発者ツールを開かないようにしている
一部のURLで開かない時に考えられます。
サーバー側がJavaScriptで開かないようにしている可能性があります。 -
周辺機器の問題
すべてのURLどころか、そもそもF12キーや右クリック、I(i)キーが反応しない場合に
考えられます。
それ以外が原因で開かなくなった有識者の皆様コメント求む
対処法(ブラウザ側の問題)
-
再インストール
ブラウザが正常に動いていない場合は再インストールしてみてください。 -
追加した拡張機能を無効にする。
追加した拡張機能により開発者ツールが無効になっている可能性があります。
Edgeの場合はこちらも考えられるので参考までに。 -
その他
こちらの記事なども参考にしてみてください。
対処法(サーバー側がそもそも開かないようにしている)
1. 右上の「︙」をクリックします。
2. その中で「その他のツール」を選択します。
3. 「デベロッパーツール」を選択しクリックします。
写真を使って説明すると・・・
対処法(周辺機器の問題)
2. そのうち、F12キーが動かない、I(i)キーかCtrlキーかShiftキーどれかが動かない、マウスの右クリックが動かない、を全て満たす場合は周辺機器が原因の可能性が高いです。
3. もし他のマウスやキーボードに変更しても変わらない場合は、デバイスマネージャーを使ってドライバーを更新してみてください。
最後に
周辺機器に問題がなく、どうしても解決しない場合は、違うブラウザで開発者ツールを開くのも手です。
開発者ツールを使うと作業効率が高くなるのでもし無効になっていたら有効にさせておくことを推奨します。