HTMLビューワー - ブラウザでHTMLをオンラインでプレビュー

入力

HTMLビューワーを使用すると、HTMLを貼り付けまたは書いてブラウザでのレンダリングのライブプレビューを即座に確認できます。完全な開発環境なしでHTMLスニペット、メールテンプレート、またはHTMLを素早くテストするのに便利です。

このツールはブラウザで完全に動作します。プレビューはsrcdoc属性を使ったサンドボックス化されたiframeでレンダリングされます。ソースタブには整形されたHTMLソースコードが表示されます。

左のエディタにHTMLを貼り付けるか、アップロードをクリックしてファイルを読み込みます。サンプルをクリックして例を試してください。

右のパネルにHTMLのライブプレビューが表示されます。ソースタブに切り替えると整形されたHTMLソースコードを見ることができます。

<strong>コピー</strong>または<strong>ダウンロード</strong>を使って整形されたソースを保存します。HTMLのエラーを検証するには、HTMLバリデーターツールをお試しください。

HTMLスニペットを貼り付けるとすぐにレンダリングされます。簡単な例を示します：

入力

HTMLビューワーはHTMLスニペットを素早くテストしたい場合、メールテンプレートを確認する場合、自動生成されたHTMLをレビューする場合、またはHTMLの視覚的なプレビューを同僚と共有する場合に便利です。

HTML構造の検証とエラーの検出には、HTMLバリデーターツールをご利用ください。

はい。プレビューはsandbox="allow-scripts"属性を持つサンドボックス化されたiframeで実行されます。これによりCookieや親ページへのアクセスが防止されます。

いいえ。プレビューはiframeのsrcdoc属性を使ってブラウザで完全にレンダリングされます。