オンラインHTMLビューア
生のHTMLをレンダリングされたWebページとしてプレビューできます — このサイトのCookieやストレージにアクセスできないサンドボックス化されたiframe内で表示されます。
プレビューはサンドボックス化されています — このページのCookieやストレージを読み取ることはできず、プレビューフレームの外部にアクセスすることもできません。JavaScriptを有効にしていても、タブを移動させたりポップアップを開いたりすることもできません。信頼できるソースのHTMLのみを貼り付けてください。
HTMLソース
サンドボックス化されたプレビュー
描画はすべてブラウザ内で行われます — HTMLが当社のサーバーに送信されることはありません。
サンドボックス化されたiframeで、Cookie、ストレージ、DOMへのアクセスは一切共有されません — JavaScriptが有効な場合でも同様です。
アカウント不要、利用回数にも制限はありません。
サンドボックスの仕組み
プレビューは <iframe> の中に、ブラウザ組み込みの sandbox 属性を使ってレンダリングされます — これはブラウザ自体が強制する本物のセキュリティ境界であり、このツールが独自に実装するものではありません。JavaScriptがオフの場合、<script> タグやインラインのイベントハンドラはまったく実行されません。JavaScriptがオンの場合、スクリプトは実行されますが、サンドボックスは意図的に唯一の権限(allow-same-origin)を省略しているため、このページのCookie、ローカルストレージ、DOMへのアクセスはできません — トップレベルのナビゲーション、ポップアップ、ダイアログボックスはどちらの場合もブロックされたままです。
オンラインでHTMLをプレビューする方法
- HTMLを貼り付けるかアップロードします。 エディタに直接貼り付けるか、「ファイルをアップロード」をクリックして.htmlファイルの内容を読み込みます。
- プレビューを確認します。 入力すると同時に自動的に更新されます。
- JavaScriptをオンにします(任意)。 デフォルトではオフです — インタラクティブな動作をテストしたい場合のみオンにしてください。
- ダウンロード(任意)。 HTMLをローカルの.htmlファイルとして保存します。
よくある質問
完全には信頼していないHTMLをプレビューしても安全ですか?
プレビューは、CurePDFのCookie、ストレージ、ページの他の部分へのアクセス権を持たないサンドボックス化されたiframe内で実行されます — JavaScriptが有効な場合でも、プレビューされたHTML内のスクリプトはあなたのセッションを読み取ったり、プレビューフレームの外部にアクセスしたりすることはできません。とはいえ、「サンドボックス化」は「見ても無害」という意味ではありません。他の場所で使うのと同じ注意を払い、信頼できるソースのHTMLのみを貼り付けてください。
プレビューでJavaScriptは実行されますか?
「JavaScriptを実行」をオンにした場合のみです。デフォルトではオフです。オフの状態では、<script>タグやインラインのイベントハンドラ(onclickなど)は完全に無効で、何も実行されません。オンにすると、スクリプトは実行されますが、上記のサンドボックスによって完全に制限されたままです — Cookieへのアクセスなし、CurePDFページの読み書きなし、ブラウザタブをどこかへ移動させることもできません。
なぜJavaScriptはデフォルトでオフなのですか?
ほとんどの場合、スクリプトをテストするのではなく、マークアップをプレビューしているだけです — デフォルトでオフにしておくことで、インタラクティブな動作を特にテストしたい場合を除いて、意識する必要がなくなります。必要なときはワンクリックでオンにできます。
プレビューはタブを移動させたり、ポップアップを開いたり、アラートを表示したりできますか?
いいえ。JavaScriptが有効かどうかに関わらず、サンドボックスはトップレベルのナビゲーション、ポップアップ、ダイアログボックス(alert/confirm/prompt)をブロックします。
これはMarkdownからHTMLへのプレビューと同じですか?
いいえ — あちらのプレビューは、レンダリングされたHTMLをページに直接表示する前にサニタイズ(スクリプトらしきものをすべて除去)します。これはMarkdownの出力が本質的に限定的であるために機能します。このツールは、必要であればスクリプトを含む任意のHTML向けに作られているため、代わりにサンドボックス化されたiframeによるより強力な隔離を使用しています。
自分のHTMLはどこかにアップロードされますか?
いいえ。描画はすべてブラウザ内で行われます — マークアップがCurePDFのサーバーに送信されることはありません。
HTMLビューアは無料ですか?
はい、アカウント登録は不要で、利用回数にも制限はありません。