コンテンツ

• 手順

この記事を読んで、Google Chromeの任意のWebページで視覚要素のHTMLソースコードを検査する方法を学んでください。

手順

1. 

   パソコンでGoogle Chromeを開きます。 ブラウザアイコン（色の付いた球）は、MacアプリケーションフォルダまたはWindowsの[スタート]メニューにあります。

2. 

   
   
   3つの縦のドットアイコンをクリックします。 このボタンは、ブラウザウィンドウの右上隅にあるアドレスバーの横にあります。ドロップダウンメニューが開きます。

3. 

   マウスオーバー その他のツール. サブメニューが表示されます。

4. 

   
   
   クリックイン 開発者ツール. ブラウザの右側にインスペクタパネルが開きます。
   • ショートカットを使用してインスペクタを開くこともできます ⌥オプション+⌘コマンド+私 Macおよび Ctrl+Alt+私 Windowsの場合。

5. 

   
   
   インスペクターパネルの要素の上にマウスを置くと、Webページで強調表示されます。

6. 

   任意のWebページで検査する要素を右クリックします。 ドロップダウンメニューが表示されます。

7. 

   選択する 調べる. インスペクターパネルは選択された要素を見つけ、そのソースコードをハイライトします。
   • この手順を使用して、インスペクタパネルを直接開くことができます。