PDF形式でダウンロード PDF形式でダウンロード

この記事では、パソコンを使って、Google Chromeで任意のページの視覚的要素(Element)のHTMLソースコードを検証する方法を紹介します。

ステップ

  1. 1
    パソコンでGoogle Chromeを開く Chromeのアイコンは、カラフルなボールの形をしており、真ん中に青い点が入っています。このアイコンは、Macではアプリケーションフォルダ内、Windowsではスタートメニューにあります。
  2. 2
    3つの点が縦に並ぶアイコンをクリックする このボタンはブラウザ画面右上隅、アドレスバーの隣にあります。これをクリックすると、ドロップダウンメニューが開きます。
  3. 3
    ドロップダウンメニューでその他のツールにカーソルを合わせる サブメニューがポップアップ表示されます。
  4. 4
    [その他のツール]のサブメニューでデベロッパーツールをクリックする ブラウザ画面右側に検証欄が表示が表示されます。
    • 検証欄はショートカットキーで開くこともできます。ショートカットキーは、Macでは Option+ Cmd+Iで、Windowsでは Ctrl+Alt+Iです。
  5. 5
    検証欄で要素にカーソルを合わせる 検証欄の要素または行にマウスのカーソルを合わせると、選択した要素がウェブページでハイライト表示されます。
  6. 6
    任意のウェブページで検証したい要素を右クリックする 右クリックメニューがドロップダウンボックスでポップアップ表示されます。
  7. 7
    ドロップダウンメニューで検証を選択する 検証欄が選択した要素のところまでスクロールし、その要素のソースコードがハイライト表示されます。
    • これを行うには、自分で検証欄を開く必要はありません。検証欄は、右クリックメニューで[検証]を選択すると、自動的に開きます。
    広告

関連記事

画像検索で簡単に人物を特定する画像検索で簡単に人物を特定する
Pinterestの動画をダウンロードするPinterestの動画をダウンロードする
ブロックされたウェブサイトにアクセスするブロックされたウェブサイトにアクセスする
Google PlayのアプリをパソコンにダウンロードするGoogle Playのアプリをパソコンにダウンロードする
Discordで動画を送るDiscordで動画を送る
深層Webにアクセスする深層Webにアクセスする
Googleドキュメントを保存するGoogleドキュメントを保存する
YouTubeでチャンネル登録者を削除するYouTubeでチャンネル登録者を削除する
2台のルーターを接続する2台のルーターを接続する
Webページの画面をコピーするWebページの画面をコピーする
Instagramで2つのアカウントの連携を解除するInstagramで2つのアカウントの連携を解除する
Webページを保存するWebページを保存する
Snapchatでプロフィール画像を変更するSnapchatでプロフィール画像を変更する
YouTubeをブロックするYouTubeをブロックする
広告

このwikiHow記事について

wikiHow編集チーム
共著者 ::
wikiHowスタッフライター
この記事は、経験豊富なwikiHowの編集者と調査員から成るチームによって執筆されています。調査員チームは内容の正確性と網羅性を確認しています。

wikiHowのコンテンツ管理チームは、編集チームが編集した記事を細心の注意を払って精査し、すべての記事がwikiHowの高品質基準を満たしているかどうかを確認しています。 この記事は1,463回アクセスされました。
カテゴリ: インターネット
このページは 1,463 回アクセスされました。

この記事は役に立ちましたか?

広告