キーワードあり
<iframe src="./allow-forms.html" sandbox="allow-forms"></iframe>
キーワードなし
<iframe src="./allow-forms.html" sandbox=""></iframe>
iframe要素の、sandbox属性のデモです。
お使いのブラウザは、sandbox属性に。
キーワードを追加すると、form要素が有効になります。
<iframe src="./allow-forms.html" sandbox="allow-forms"></iframe>
<iframe src="./allow-forms.html" sandbox=""></iframe>
キーワードを追加すると、JavaScriptが有効になります。
<iframe src="./allow-scripts.html" sandbox="allow-scripts"></iframe>
<iframe src="./allow-scripts.html" sandbox=""></iframe>
キーワードを追加すると、モーダルが有効になります。
<iframe src="./allow-forms.html" sandbox="allow-scripts allow-modals"></iframe>
<iframe src="./allow-forms.html" sandbox="allow-scripts"></iframe>
キーワードを追加すると、新しいウィンドウを開けます。
<iframe src="./allow-popups.html" sandbox="allow-popups"></iframe>
<iframe src="./allow-popups.html" sandbox=""></iframe>
キーワードを追加すると、最上位の親ウィンドウを操作できます。具体的には、子ウィンドウのリンクで、親ウィンドウをリンク先に遷移させることができます。
<iframe src="./allow-top-navigation.html" sandbox="allow-top-navigation"></iframe>
<iframe src="./allow-top-navigation.html" sandbox=""></iframe>
キーワードを追加すると、コンテンツがオリジンを持つことを許可します。
コンテンツがオリジンを持たない場合、同一オリジンポリシーの制限で、別オリジンのコンテンツをJavaScriptで操作することができません。<iframe src="./allow-same-origin.html" sandbox="allow-scripts allow-same-origin"></iframe>
<iframe src="./allow-same-origin.html" sandbox="allow-scripts"></iframe>
キーワードを追加すると、埋め込みコンテンツから新しく開かれたウィンドウにsandbox属性が継承されません。下記のインラインフレームにはいずれもJavaScriptを許可していません。その状態が引き継がれるか否かを確認して下さい。
<iframe src="./allow-popups-to-escape-sandbox.html" sandbox="allow-popups-to-escape-sandbox allow-popups"></iframe>
<iframe src="./allow-popups-to-escape-sandbox.html" sandbox="allow-popups"></iframe>
キーワードを追加すると、端末の向きの操作を許可します。Screen APIに対応しているモバイルブラウザでご確認下さい。
<iframe src="./allow-orientation-lock.html" allowfullscreen sandbox="allow-scripts allow-orientation-lock"></iframe>
<iframe src="./allow-orientation-lock.html" allowfullscreen sandbox="allow-scripts"></iframe>
キーワードを追加すると、Pointer Lock APIを使用できます。
<iframe src="./allow-pointer-lock.html" sandbox="allow-scripts allow-pointer-lock"></iframe>
<iframe src="./allow-pointer-lock.html" sandbox="allow-scripts"></iframe>