コンテンツ

• ステップ

この記事では、デスクトップ上のGoogleChromeの任意のWebページでビジュアルのHTMLソースを表示する方法を説明します。

ステップ

1. 1 パソコンでGoogleChromeブラウザを起動します。 中央が青い色とりどりの丸いアイコンをクリックします。これは、アプリケーションフォルダ（Mac）または[スタート]メニュー（Windows）にあります。
2. 2 3つの縦のドットアイコンをクリックします。 ブラウザウィンドウの右上隅にあるアドレスバーの近くにあります。メニューが開きます。
3. 3 選んでください 追加のツール メニューにあります。 サブメニューが開きます。
4. 4 クリック 開発者ツール サブメニューで。 ブラウザウィンドウの右側に開発者パネルが開きます。
   • クリックしてこのパネルを開くこともできます ⌥オプション+⌘コマンド+NS （Mac）または NS+Alt+NS （ウィンドウズ）。
5. 5 開発者バーのアイテムの上にマウスを置きます。 この要素はWebページで強調表示されます。
6. 6 コードを表示するWebページ上の要素を右クリックします。 メニューが開きます。
7. 7 選んでください コードを見る メニューにあります。 開発者パネルのコンテンツは、選択したアイテムまで自動的にスクロールし、そのコードが強調表示されます。
   • このために開発者パネルを手動で開く必要はありません。 [コードの表示]をクリックすると、開発者パネルが自動的に開きます。