Q&A
ブラウザなどを記載していただければと思います。
お世話になっております。
noscriptについて分からない点がある為質問させていただきます。
【やりたいこと】
JavaScriptが有効だった場合と無効だった場合の表示するHTMLを変化
【試したこと】
<noscript> <meta http-equiv="refresh" content="0;url=noscript.html"> </noscript>
【分からない事】
上記を試したところ、JavaScriptが有効・無効どちらでも強制遷移させてしまいます。
試しに以下を設定したところ、無効の場合のみメッセージが出力されました。（期待通りの動き）
<noscript> JavaScriptを有効にしてください。 </noscript>
こちらは文字だけ有効無効で切り分けられておりました。
<noscript> <meta http-equiv="refresh" content="3;url=noscript.html"> 3秒後に自動遷移させます。 </noscript>
上記問題の対処法等ご存知の方がいらっしゃいましたら、ご教示いただけると幸いです。
以上、よろしくお願いします。
追記：指定ブラウザは「Google Chrome/IE11/Safari」としております。
申し訳ありません。ご指摘ありがとうございます。
回答2件
0
再現しませんね。IE11/Firefox/Chromeで、JavaScript有効の状態で、遷移しません。
HTML
1<!DOCTYPE html> 2<html><head> 3<title>foo</title> 4<noscript> 5 <meta http-equiv="refresh" content="0;url=/"> 6</noscript> 7</head><body> 8bar baz 9</body></html>
投稿2018/08/21 06:10
総合スコア84499
otn様、ご検証ありがとうございました。
頂戴したHTMLをこちらに追加して試してもやはり同じ現象が起きてしまいました。
別端末で試しても同様でしたので、原因が良く分かりませんでした。
0
ベストアンサー
<noscript>内で<meta>を使いたい場合、<noscript>自身を<head>の中に書く必要がありますが、それは問題ないでしょうか。
あとは、<meta refresh>にある程度時間を設けておいて、直後にJavaScriptで削除する、というような方法も考えられます（StacvkOverflow）。
投稿2018/08/21 05:27
総合スコア145183
maisumakun様、ご回答ありがとうございます。
1点目：<head>の中に記述はしております。
2点目：恥ずかしい事に、window.onload = function(){ や $(document).ready(function () {
と画面読み込み時のイベントがバラバラなのでテンプレートの修正だけで事足りればいいなと思っている次第です。
※ただ他に方法が無い場合、ご教示いただいた方法を試そうかと思います。
スクリプトブロッカーとかアドブロッカーとか、そういうのをブラウザに入れていて干渉したという可能性も、少し考えてみましたが…どうでしょうか？
スクリプトブロッカー・アドブロッカーというのがあるのですね。
私は意図して追加したことはありませんが、他端末でも同様な現象の為
やはりnoscriptは諦めて、Jsで制御する方法が一番でしょうか。
あなたの回答
tips
プレビュー
