最も簡単な方法は、ページのどこかを右クリックして、表示されるコンテキストメニューで[要素の検査]を選択することです。キーボードショートカットを使用して開発者ツールを起動することもできます。 MacのほとんどのブラウザのショートカットはAlt + Command + Iで、Windowsの場合はCtrl + Shift + Iを使用できます。

また、なぜ要素を検査できないのかと尋ねられるかもしれません。設定に移動。一番下までスクロールして、「デフォルトに戻す…」をクリックします。これで問題が解決するはずです。そうでない場合は、次の手順に従います。Chromeデベロッパーツール（F12）を開いた後、Ctrl + F5またはCtrl + Shift + F5を押してキャッシュを更新します。

それでは、ブラウザをデバッグするにはどうすればよいですか？

クロム

1. 手順1：Chromeウェブブラウザでアプリケーションを開きます。
2. ステップ2：Webページを調べて開発者コンソールを開き、[ソース]タブを選択するか、[表示]→[開発者]→[ソースの表示]に移動します。
3. ステップ3：Mozillaブラウザで行ったのと同様の方法でソースコードにブレークポイントを設定します。

デバッガーはどのように使用しますか？

1. ブレークポイントを設定し、デバッガーを起動します。
2. ステップコマンドを使用して、デバッガーでコードをナビゲートします。
3. コードをステップオーバーして、関数をスキップします。
4. プロパティにステップインします。
5. マウスを使用して、コード内のあるポイントまですばやく実行します。
6. デバッガーを現在の関数から進めます。
7. カーソルまで実行します。
8. アプリをすばやく再起動します。