Q&A
前提・実現したいこと
googleサイトの埋め込みコードを使い
スマホ、PCを判別してそれに応じてalertでメッセージを出したい
発生している問題・エラーメッセージ
HTMLの中に<script>としてJavaScriptのalertを使いメッセージを表示させようとしていますが、alertが表示されません
cosole.logを使いwebコンソールから該当の関数を呼び出したらメッセージが出ます
該当のソースコード
HTML
1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="UTF-8"> 5<title>alert_test</title> 6</head> 7<body> 8 9<script> 10function isSmartPhone(){ 11 if (navigator.userAgent.match(/iPhone|Android.+Mobile/)){ 12 return alert("スマホ"); 13 } else { 14 return alert("PC"); 15 } 16} 17isSmartPhone(); 18</script> 19</body> 20</html>
JavaScript
1<script> 2function isSmartPhone(){ 3 if (navigator.userAgent.match(/iPhone|Android.+Mobile/)){ 4 return alert("スマホ"); 5 } else { 6 return alert("PC"); 7 } 8} 9isSmartPhone(); 10</script>
試したこと
alertをcosole.logに変えてwebコンソール上では出るか確認しました
コンソールには表示されました
補足情報（FW/ツールのバージョンなど）
HTML5
CSS
JavaScript
ここにより詳細な情報を記載してください。
回答1件
0
ベストアンサー
Googleサイトの制限により、alertは使用できないようです。
Googleサイトの「埋め込み」はiframeを利用していますが、この中でalertを使用するには特別な設定が必要です。（iframeのsandboxにallow-modalsを設定）
しかし、Googleサイトでは設定不可のようです。
開発者ツールでも下記のエラーが表示されます。
Ignored call to 'alert()'. The document is sandboxed, and the 'allow-modals' keyword is not set.
投稿2021/03/18 12:37
総合スコア79
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/03/18 12:39