このツールに問題がありますか?

「オンラインでソース表示」について

このツールは、公開 URL の生 HTML/CSS/JavaScript などのアセットを取得し、シンタックスハイライト付きで表示します。クライアント側で改変される前の、サーバが返したそのままが見られます。

サイトの作り方を学ぶ、ポートフォリオ用に該当マークアップを取り出す、レンダリングされた DOM と意図の一致を確認する、感心したレイアウトの小さな箇所をリバースするなどに便利。

URL が返すものだけを取得し JavaScript は実行しないため、通常のブラウザでだけ見える動的生成コンテンツはここに表れないことがあります。それには DevTools のレンダリング後のページを使ってください。

このツールの使い方

ウェブページのソースコードをオンラインで表示する手順

  1. ページ URL を入力

    公開ウェブアドレスを URL フィールドに貼り付けます。https:// プレフィックスは省略可能です。プライベート IP はブロックされます。

  2. ソースを取得

    ボタンを押します。HTML はサーバーサイドで取得され、ビューアーに直接表示されます。JavaScript 実行前のサーバーレスポンスです。

  3. インラインでソースを読む

    ソースはスクロール可能なコードブロックに表示されます。ブラウザの Ctrl+F で特定のタグや内容を検索できます。

  4. 必要であればファイルとして保存

    ダウンロードオプションを使って .txt ファイルとして保存し、オフラインで検査できます。