HTML プレビュー

参考

HTML プレビューはどのように動作しますか？

このツールは、HTML、CSS、JavaScript を srcdoc 経由で サンドボックス化された iframe で実行します。iframe には、スクリプトを許可しながらトップレベルのナビゲーション、フォーム送信、オリジンの Cookie へのアクセスをブロックする sandbox 属性が設定されているため、貼り付けたコードはページの他の部分から分離されて実行されます。自動実行は、すべてのキー入力で iframe を再構築 (デバウンス) します。

一般的な用途

• クイックプロトタイピング — プロジェクトを起動せずに HTML/CSS のアイデアを試す。
• 教育 — 学生とインタラクティブな例を共有。
• コードサンプル — Stack Overflow のスニペットを分離してレンダリング。
• デバッグ — 最小限のコンテキストでバグを再現。

プライバシー

すべてのコードは、サンドボックス化された iframe 内のブラウザで100%実行されます。データはサーバーに送信されません。