Cookie の使用について.本サイトでは、基本機能の提供に必要な必須 Cookie を使用しています。さらに、同意いただいた場合に限り、アクセス解析 Cookie を利用して利用状況を把握し、サービス改善に役立てます。詳しくは .
Cookie の使用について.本サイトでは、基本機能の提供に必要な必須 Cookie を使用しています。さらに、同意いただいた場合に限り、アクセス解析 Cookie を利用して利用状況を把握し、サービス改善に役立てます。詳しくは .
このツールは使いやすかったですか？
フィードバックは改善に役立ちます
查看并分析任意网页的HTML源码，辅助前端开发与调试。
サーバー経由で対象ページのHTMLソースコードを取得します。ブラウザのクロスオリジン制限を回避できます。
URLを入力し「ソースコード表示」をクリックすると、ページのHTMLソースコードと基本情報が表示されます。
概要
解決できる課題、処理の仕組み、データの範囲を確認できます。
公開ページのURLを入力すると、そのURLへHTTPリクエストを送り、受け取った本文をHTMLテキストとして表示します。ブラウザでページを開いてJavaScriptを実行する方式ではありません。したがって、最初の応答に含まれるHTMLやメタ情報を手早く確認したいときに向いています。ブラウザが後から読み込む内容や、ログイン後の画面を表示するものではありません。
ブラウザに返された元のHTMLと、スクリプトなどが実行された後のページ内容は異なることがあります。Googleも、レンダリング後のHTMLを調べる方法を別に案内しています。表示内容が画面と違う場合は、Google Search Console ヘルプのレンダリング済みページ確認方法も参照してください。
結果ではHTML本文に加えて、HTTPステータス、応答サイズ、行数、文字コードの表示を確認できます。ページ情報には、本文中から読み取ったタイトル、description、keywordsと、Content-TypeやServerなどの応答ヘッダーが並びます。最終URLも表示されるため、転送後にどのURLの応答になったかを確認する手掛かりになります。
リンク・画像・スクリプト・スタイルの数は、返されたテキスト内の代表的なタグ表記を数えた目安です。HTMLを完全に解析した数ではなく、各ファイルが読み込まれたか、画面に表示されたかを示す数字でもありません。
使い方
手順に沿って操作し、例を使って入力と結果を確認します。
https://example.comのように、対象ページの公開URLを入力します。HTTPまたはHTTPSを指定できます。プロトコルを省略した場合はHTTPSとして補われます。
表示ボタンを押し、ステータスコード、サイズ、行数、文字コード表示を確認します。サイトが返した本文がエラーページやJSONなどの場合も、その応答内容が結果になることがあります。
ソースコードではHTML本文とタグ数の目安、ページ情報ではタイトルや一部のメタ情報、レスポンスヘッダーでは受信したヘッダーを確認します。メタ情報が空欄なら、該当する記述が本文から読み取れなかった可能性があります。
必要な箇所をコピーするか、取得した本文をHTMLファイルとして保存します。保存後にエディターで検索・比較すれば、公開前後の記述確認にも使えます。
Web担当者や開発者が、自分の管理する公開ページにtitleやdescription、リンク参照が返っているかをざっと確認できます。画面に後から追加される要素や表示崩れの原因調査には、実際のブラウザ上での検証を併用します。
学習者は公開ページの見出し、リンク、画像、スクリプト参照などをソース上で探し、ブラウザ表示と見比べられます。サイト全体の設計や利用条件まで分かるわけではないため、記述例の観察にとどめます。
Q&A
よくある疑問や迷いやすい点をまとめて確認できます。
ページ表示後にJavaScriptが文章を読み込む構成では、最初の応答本文にその文章が含まれないことがあります。このツールはスクリプトを実行しません。最終的なDOMを調べる場合はブラウザの開発者ツールなどを使ってください。
入力したURLへの取得に、現在のブラウザのログイン状態やCookieは引き継がれません。認証が必要なページではログイン画面やアクセス拒否などが返る場合があります。
対象サイトが自動取得を拒否している、URLが存在しない、またはHTML以外を返している可能性があります。ステータスとContent-Typeを確認し、公開URLか、入力ミスがないかを見直してください。
文字コード欄は応答のContent-Typeにcharsetがあればその値を示しますが、本文をその文字コードへ変換する保証ではありません。文字化け時は応答ヘッダーとページ側の文字コード宣言を確認してください。メタ情報の抽出は一般的なmetaタグの書き方を対象とするため、属性の順番や特殊な記述では拾えないことがあります。
注意
利用範囲、結果の制限、必要な注意点を事前に確認します。
入力URLはリモートサービスから対象サイトへリクエストするために送信されます。公開され、確認する権限のあるページだけを指定してください。URLにユーザー名・パスワード、アクセストークン、個人情報や非公開の検索条件を含めないでください。プライベートネットワーク、ローカル宛てのアドレスは対象外です。アクセス制限や短時間の応答、リダイレクト先の制限などにより取得できないこともあります。
取得本文にはサイズと時間の上限があり、大きな応答や応答が遅いページでは失敗する場合があります。レスポンスヘッダーやHTMLには、サーバーがその時点で返した情報が表示されます。タグ数は簡易的な文字列集計であり、SEOの合否、アクセシビリティ、セキュリティやページの完全性を判定しません。公開状態や検索エンジンへの登録状況を判断する際は、サイト管理画面やブラウザで別途確認してください。
関連
関連ツール、特集、利用可能なAPIを探せます。