View Page Source

ページソース表示ツールとは？

ページソース表示ツールは、URL から Web ページを取得したり、貼り付けたソースを整形したりできるオンライン HTML ビューアー兼フォーマッターです。ページ構造の確認や書き方の分析が簡単になり、フロントエンド開発やデバッグに役立ちます。サーバー経由プロキシとブラウザ直接の2つの取得方式に対応し、既定では CORS 制限を回避できるサーバー経由プロキシを使用します。

主な機能

• URL から HTML ソースを取得。サーバー経由プロキシは CORS 制限を回避
• ブラウザ直接モードは CORS を許可したサイト向け
• js-beautify による HTML 整形、自動インデントで読みやすく
• ソースを貼り付けてローカル整形、ワンクリックコピー、サンプル機能

使用シーン / 注意点

ページ構造の学習、ソース分析、サードパーティ製 HTML のすばやい整形に適しています。セキュリティ上の理由から、サーバー経由プロキシは既定で内部・予約アドレスへのアクセスを禁止しています。取得できないサイトや CORS 未開放のサイトでは、取得方式を切り替えるかソースを直接貼り付けてください。

使い方

1. ページの URL を入力するか、HTML ソースを貼り付けます
2. サーバー経由かブラウザ直接を選び、取得または整形をクリックします
3. 結果欄で整形後のソースを確認し、必要ならワンクリックでコピーします