HTMLツール

無料 iframeサンドボックス・許可属性ジェネレーター

埋め込みタイプ別にサンドボックスフラグと許可属性を設定した安全なiframeマークアップを生成します。

ツールを読み込み中...

iframeサンドボックス・許可属性ジェネレーターとは

sandbox属性はiframeが実行できる操作を制限し、allow属性はフルスクリーン、カメラ、決済などの特定の機能許可を付与します。これらは組み合わせて、埋め込みコンテンツの周囲にセキュリティ境界を作成します。このツールは、一般的な埋め込みタイプに適したsandbox値とallow値を生成し、埋め込みが必要以上に多くの権限を誤って許可しないようにします。

クイックアンサー

iframeにsandbox属性を使用して、埋め込みコンテンツが実行できる操作(フォーム送信、ポップアップの開閉、スクリプトの実行など)を制限します。allow値は一度に1つずつ、必要な場合にのみ追加してください。

Last updated: 2026-05-25

制限事項

  • sandbox属性は親ページのクリックジャッキングを防ぎません。それにはframe-ancestorsを使用したContent-Security-Policyを使用してください。
  • ストレージアクセスやトップレベルナビゲーションなどの一部のiframe機能は、sandboxが適用された場合にブラウザ間で動作が異なります。
  • sandboxの削除は遡及的にAPIを公開しません。sandboxの変更を有効にするには、iframeをリロードする必要があります。

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

使い方

  1. 埋め込む内容に最も適した埋め込みタイプを選択します。
  2. 提案されたsandboxフラグとallow権限を確認します。特定のユースケースに合わせて調整します。
  3. iframeのソースURLと説明的なタイトルを入力します。
  4. 生成されたiframeタグをHTMLページにコピーします。

主な用途

  • 最小限のsandbox権限でYouTubeビデオを埋め込む。
  • 決済権限のみを許可した決済iframeを追加する。
  • サードパーティのフォーム埋め込みを必要な権限のみに制限する。

用途

使用例

安全なデフォルト設定のYouTube埋め込み

ブログ記事にYouTubeビデオを埋め込みます。ジェネレーターはsandboxにallow-scriptsとallow-presentationを追加し、allowfullscreenを設定します。不要な権限は付与しません。

決済ウィジェットの埋め込み

チェックアウトページに決済プロバイダーを埋め込みます。iframeはsandboxにallow-scripts、allow-same-origin、allow-formsを使用し、paymentのallow権限を設定します。

よくあるミス

  • allow-scriptsとallow-same-originの両方を追加し、これが事実上sandbox分離を解除することを理解していない。
  • allow属性に、埋め込みが実際に必要とする以上の機能を許可する。
  • sandbox属性を完全に省略し、iframeがページの全権限で実行されることになる。

検証

  1. ブラウザでページを開き、iframeコンテンツと操作する。DevToolsのコンソールでsandbox関連の違反を確認する。
  2. Chrome、Firefox、Safariでiframeをテストし、sandboxの制限が一貫して動作することを確認する。

FAQ

iframeサンドボックス・許可属性ジェネレーターのFAQ

allow-scripts + allow-same-originを一緒に使用するとどうなりますか?

これらを組み合わせると、iframeが親ページのDOMにアクセスできるようになり、事実上sandboxが解除されます。埋め込みが本当に同一オリジンのスクリプトアクセスを必要とする場合にのみ、両方を使用してください。

すべてのiframeにsandbox属性を付けるべきですか?

適切な制限付きのsandboxは、サードパーティコンテンツのセキュリティベストプラクティスです。自社コンテンツの埋め込みの場合は、制限によって期待される動作が損なわれないかテストしてください。

sandbox=""を許可トークンなしで使用するとどうなりますか?

空のsandbox属性は、すべての制限を最大厳格度で適用します。スクリプトなし、フォーム送信なし、ポップアップなし、同一オリジンアクセスなし、ポインターロックなし、トップレベルナビゲーションなしです。埋め込みコンテンツは完全に分離された環境で実行されます。これは信頼できないソースからの完全に静的なコンテンツに便利ですが、ほとんどのインタラクティブな埋め込みは動作しなくなります。

YouTube、Vimeoなどのサードパーティ埋め込みにsandboxを使用できますか?

はい。ただし、ほとんどのビデオ埋め込みには最低でもallow-scriptsとallow-same-originが必要です。YouTubeとVimeoのiframeはJavaScriptを使用してプレーヤーを初期化します。フルスクリーンにはallow-presentationを追加します。ソースを完全に信頼しない限り、サードパーティコンテンツにallow-scriptsとallow-same-originの両方を一緒に追加しないでください。

関連ツール

その他のhtmlツール

こちらもお試しください

こちらもお試しください