HTMLビューアー – ブラウザ上でHTMLを安全にプレビュー
HTMLビューアーは、貼り付けまたはドラッグ＆ドロップしたマークアップを、完全に隔離されたサンドボックスiframe内でリアルタイムにレンダリングするブラウザベースのHTMLプレビューツールです。スクリプトはデフォルトで無効化されているため、信頼できないマークアップがコードを実行することはありません。スクリプトを有効化する場合は自己責任で、警告表示を確認してください。解析後の表示を確認し、必要な部分をコピーできます。HTMLはあなたのデバイスから外に出ません。
HTMLビューアーは、貼り付けまたはドラッグ＆ドロップしたマークアップをリアルタイムにレンダリングするブラウザベースのHTMLビューアー兼プレビューツールです。ドキュメントを完全に隔離されたサンドボックスiframe内に配置し、ソースの全行を追わずにレンダリング結果を確認できます。HTMLのレビューや必要な部分のコピーにお使いください。
このツールはHTML入力を受け取り、iframe内にレンダリングします。スクリプトはデフォルトで無効化されているため、信頼できないマークアップがプレビュー内でコードを実行することはありません。スクリプトを有効化する場合は自己責任で行ってください。警告が表示されます。ここで説明する設定可能な動作は、スクリプトの有効・無効の切り替えです。
HTMLはドキュメントの構造を記述するマークアップ言語であり、レンダリング表示はその構造をソーステキストではなくブラウザコンテンツとして提示します。HTMLビューアーはマークアップを別のデータ形式に変換するものではなく、ソースの読み取りからレンダリング済みドキュメントの確認へ移行するのを助けます。見慣れないHTMLを理解したいときや、作業前にスニペットを確認したいときに便利です。
HTMLビューアーは完全にブラウザ上で動作します。入力はデバイス上で処理され、サーバーへのアップロード、保存、送信は行われません。ページの読み込み後はオフラインでも動作し、サーバーへの依存はありません。開発者やDevOpsエンジニアは、HTMLの確認、見慣れないドキュメントのレビュー、必要な抜粋のコピーに活用できます。
手順1: 確認したいマークアップを読み込むため、HTMLをHTMLビューアーに貼り付け、またはドラッグ＆ドロップします。
手順2: サンドボックスiframe内のレンダリング済み・解析済み表示を確認し、ブラウザコンテンツとしてのドキュメントを見ます。
手順3: 信頼できないHTMLではスクリプトを無効のままにします。有効化する場合は、表示される警告を読み、自己責任で進めてください。
手順4: 確認が終わったら、ドキュメントの必要な部分をコピーします。
用途: 自分で書いていないHTMLドキュメントを、ソースコードでは読みにくいときに確認する。レンダリング表示なら内容をレビューしやすくなります。
用途: それを処理するコードを書く前に、HTML値の構造をチェックする。マークアップをプレビューすればドキュメントを素早く確認できます。
用途: 大きなHTMLドキュメントからクリーンな抜粋をコピーする。レンダリング表示を確認して必要な部分だけを取り出せます。
用途: ページ開発中に小さなHTMLスニペットをプレビューする。ライブレンダリングにより、ソースの全行を読まずにマークアップを確認できます。
用途: 内容を精査する前に、見慣れないソースのHTMLを確認する。スクリプトはデフォルトで無効化され、有効化時には警告が表示されます。
用途: 別の形式への変換ではなく、レンダリング表示が必要なときに、貼り付けまたはドロップしたHTMLを確認する。