貼ったHTMLをサンドボックスで確認

このマークアップは埋め込んで安全か。自分のページではなく隔離フレームでレンダリングします。

このガイドで使う道具

やりたいこと

チュートリアルの断片、メールテンプレート、CMS出力など、自オリジンに触れさせず見たい場合です。iframe sandboxは同一オリジン権限なし・スクリプト既定オフで描画します。

貼ってレンダリング

2MBまでのHTMLを貼ります。即座にレンダリングされ、JSが必要なマークアップにはallow-scriptsの切替があります。

具体例

メールテンプレートを貼るとスタイルとレイアウトは描かれスクリプトは不活性です。ウィジェット確認にスクリプトを有効化しても、ページのCookieやDOMは読めません。

対応範囲

サンドボックスは多層防御の1層で保証ではありません。扱う根拠のあるマークアップのみプレビューしてください。断片内の外部リソースはネットワーク要求を出しえます。