ページソース表示 + スマート分析
ブラウザでソースコードを検査し、SEO監査、技術検出、パフォーマンスメトリクスを確認できます。
任意のURLを入力して、完全なHTMLソースコードをファイルとしてダウンロード。オフライン分析、バックアップ、参照用にウェブサイトコードを保存できます。
任意の公開ウェブページから配信される生のHTMLを .html ファイルとして保存 - ブラウザ拡張機能、コマンドライン、アカウント登録は一切不要です。
ウェブサイトを訪れると、ブラウザはHTML(HyperText Markup Language)で書かれたドキュメントを静かにダウンロードしています。このマークアップはページの設計図であり、すべての見出し、段落、リンク、画像参照、スクリプトタグ、メタディレクティブは、ブラウザがレンダリングする前にプレーンテキストで記述されています。そのマークアップを - オリジンサーバーが送信したそのままの形で - 取得できることは、日常のさまざまな場面で役立ちます。
ウェブサイトコードダウンロードツールは、任意の公開URLを当社のサーバーから取得し、生のHTMLレスポンスを提供します。検索エンジンのクローラーが最初の訪問時に見るのと同じバイトが得られます - クライアントサイドのJavaScriptがDOMを変更する前の状態です。そのため、SEO作業、競合調査、アーカイブスナップショット、デバッグ、学習に最適です。
取得はサーバーサイドで行われるため、CORS制限、セッションに紐づくCookieウォール、ローカルネットワークに影響する地域固有のブロックを回避できます。ダウンロードされるファイルは、「コード取得」をクリックした瞬間にオリジンが配信していた内容の忠実なコピーです。
SEO監査からデジタル考古学まで - 開発者、マーケター、研究者がページのソースを取得する最も一般的な理由をご紹介します。
競合他社のページをエクスポートし、タイトルタグ、メタディスクリプション、canonical URL、構造化データ、hreflang設定などをテキストエディタでオフラインで分析できます。
ページが変更されたり消えたりする前に保存できます。法的証拠、報道記事、研究引用、オンラインコンテンツの履歴記録などに役立ちます。
ウェブ開発を学んでいますか?インスパイアされたマークアップのページを保存して、インターネット接続やライブサーバーなしでエディタで分析できます。
競合他社がランディングページをどのように構成しているか、どのスキーマを使用しているか、どのサードパーティスクリプトを読み込んでいるか、マークアップが時間とともにどう進化しているかを把握できます。
何かが壊れた瞬間のHTMLの正確なコピーを添付できます。本番環境の問題を診断したり、サードパーティのバグを報告したりする際のやり取りの時間を大幅に削減できます。
ホストやCMSの移行時に、主要ページの現在のHTMLを参考としてダウンロードしておけば、再構築時にマークアップ構造、メタデータ、SEO資産を維持できます。
サインアップ不要、インストールするソフトウェア不要、技術的な知識も不要です。
source.html として保存するか、「クリップボードにコピー」で必要な場所に貼り付けます。ダウンロードされるファイルには、オリジンサーバーが返した正確なHTMLドキュメントが含まれます: <!DOCTYPE> 宣言、すべてのメタタグとリンクされたリソースを含む <head>、完全な <body> マークアップです。インラインCSS、インラインJavaScript、すべての構造化データブロックが保持されます。外部アセット(画像、別のスタイルシート、JSファイル)はバンドルされません - オリジナルと同様にURLで参照されます。
ページ読み込み後にクライアントサイドのJavaScriptによって追加されたコンテンツは含まれません。サイトがReact、Vue、Angular、Svelteなどのフレームワークを使用してコンテンツを動的に生成している場合、ダウンロードされるHTMLにはサーバーが最初にレンダリングした内容のみが含まれます - 多くの場合、ほぼ空のシェルとJavaScriptバンドルです。そのようなページには、JavaScriptを実行するツール(メインのソースビューアなど)の方が便利です。
当ツールとブラウザの保存機能、コマンドラインユーティリティ、デスクトップサイトミラーとの比較です。
| 方法 | 最適な用途 | トレードオフ |
|---|---|---|
| このツール | 1ページの素早いダウンロード、モバイル/タブレット利用、ローカルネットワークのブロック回避 | リクエストごとに1URL;再帰的クロールなし |
| ブラウザの「名前を付けて保存」 | 画像とCSS付きのページをオフライン閲覧用に保存 | レンダリング後のDOMを取得(JavaScript実行後);雑然としたリソースフォルダが作成される |
wget / curl | スクリプト化された一括ダウンロード、再帰的ミラーリング、自動化 | コマンドラインのみ;組み込みの分析やプレビューなし |
| HTTrack / SiteSucker | オフライン閲覧用のサイト全体ミラー | デスクトップインストールが必要;1ページには重装備 |
| ブラウザのDevTools | ライブの完全にレンダリングされたDOMの検査 | 手動でコピー&ペースト;レンダリング後の状態を表示、元のHTMLではない |
| Wayback Machine | ページの過去バージョン | アーカイブされたスナップショットのみ;常に最新または完全とは限らない |
単発のタスクのほとんど - 競合他社のページを1枚コピーする、編集前にスナップショットを取る、制限の厳しいオフィスネットワークでマークアップを検査する - にはこのツールが最速です。サイト全体が必要な場合は wget --mirror やHTTrackを使用し、アセットをHTMLと一緒にバンドルしたい場合のみブラウザの「名前を付けて保存」を使用してください。
ウェブサイトのソースコードダウンロードに関するよくある質問への回答です。
オリジンサーバーが返した生のHTMLソースコードをそのまま含む標準的な .html ファイルです。任意のブラウザで開いてレンダリングしたり、任意のテキストエディタやIDE(VS Code、Sublime Text、Notepad++)でマークアップを読んだりできます。
いいえ。取得できるのはJavaScript実行前のHTML - クライアントサイドレンダリング前にサーバーが返した生のレスポンスです。React、Vue、AngularなどのSPAの場合、ページ読み込み後に挿入されるコンテンツはファイルに含まれません。
検索エンジンのクローラーも最初に同じものを見るため、SEO分析にはむしろこれが求められるものです。レンダリング後のDOMが必要な場合は、メインのソースビューアやブラウザのDevToolsを使用してください。
いいえ。このツールは公開アクセス可能なURLのみを取得します。認証、セッションCookie、IP許可リスト、CSRFトークンを必要とするページはダウンロードできません - 当社のサーバーがあなたに代わって認証する手段はありません。
HTMLはインターネットなしで開けますが、絶対URLで参照されている画像、スタイルシート、スクリプトは元の場所から読み込もうとします。相対パス(/images/hero.jpg など)は404になります。完全に自己完結したオフラインコピーが必要な場合は、wget --mirror --convert-links またはHTTrackを使用してください。
公開されているHTMLの閲覧と保存は、ほとんどの法域で合法です - ページを訪問するたびにブラウザが行っていることと同じです。ただし、コード自体は著作権で保護されている場合があるため、学習したり参考にしたりすることはできますが、再公開や全面的なクローンは著作権やサイトの利用規約に違反する可能性があります。
機能的には同様です - 両方とも生のHTMLを取得して保存します。このツールは任意のブラウザで動作し、インストール不要で、モバイル端末やChromebookでも使え、ノートパソコンに影響するローカルのファイアウォールやプロキシのルールを回避できます。wget と curl は再帰的ダウンロード、スクリプティング、自動化パイプラインに適しています。
繰り返しリクエストのパフォーマンスを向上させるためにレスポンスを短時間キャッシュしますが、検索履歴を保持したり、ダウンロードをあなたの身元と関連付けたりすることはありません。詳細はプライバシーポリシーをご覧ください。
現在、リクエストごとに1つのURLです。サイト全体の一括ダウンロードには wget -r、HTTrack、SiteSuckerを使用してください。特定のユースケースに合わせたスクリプト化されたソリューションが必要な場合は、お知らせください - バッチモードの導入を検討しています。
はい - サービスを全員にとって無料に保ち、オリジンサーバーを保護するため、IPごとに合理的なレート制限を適用しています。通常のインタラクティブな使用では問題になりませんが、自動スクレイピングはスロットリングされます。
これらのリソースで、ソースコード、SEO、ウェブ開発の探求を続けましょう。

ブラウザでソースコードを検査し、SEO監査、技術検出、パフォーマンスメトリクスを確認できます。

マークアップではなく読みやすいテキストだけが必要ですか?HTMLタグを取り除き、クリーンなコンテンツをワンクリックで取得できます。

HTML構造、タグ、任意のページのマークアップで注目すべきポイントについての初心者向け解説。

オンページSEOの問題を診断・修正するために、ページのHTMLで検査すべきポイント。

HTML5タグの完全な索引と説明 - ダウンロードしたマークアップを読む際に便利です。

Chrome、Firefox、Safari、Edgeでソースを表示するキーボードショートカットとメニューパス。