JavaScriptでIE6を検知し、転送する。

質問

IE6からアクセスされた場合、
・アラートを表示してアップグレードを促す。
・同時にアップグレード用のウェブページに転送する。
という処理をJavaScriptで行いたいと思いました。

ブラウザ判別は、↓こちらのサイトを参考にしました。
http://winofsql.jp/VA003334/infoboard.php?mid=sjscript&id=070828100942&pid=3

そして、以下のコードをhead内に記入しています。
==============================
<script type="text/javascript">
var userAgent = window.navigator.userAgent.toLowerCase();
var appVersion = window.navigator.appVersion.toLowerCase();
if (userAgent.indexOf("msie") > -1) {
if (appVersion.indexOf("msie 6.0") > -1) {
window.alert("InternetExproler Ver.6 をご利用の方は、新しいバージョンへアップグレードして下さい。");
window.location.href = "http://www.xxxxxxxxxx.com";
}
}
</script>
==============================

IEtesterで試すと、一応Ver.6の際に、狙った動作はしています。
しかし、何故かIEtester上で「ScriptError」が表示されます。

JavaScriptは、だいぶ不安があるので、この「ScriptError」が気になって仕方ありません。
やはりどこか悪いところがあるのでしょうか。。
どなたかご意見を聞かせて下さい。

また、headの中に長々と書くのも好きではないので、上の内容を丸ごとコピーして、「ie6.js」というファイル名をつけ、jsディレクトリに入れ、下のようにしました。
<script type="text/javascript" src="js/ie6.js"></script>
こうすると何故かアラートの文字が文字化けしてしまいます。
（head内に書いてる時はしない。）
何故なのでしょうか。

よろしくお願い致します。

回答No.2

think49 · ベストアンサー

スクリプトエラーの原因はわかりませんが、IE6 以下を判別したいのなら 条件付きコメント(バージョンベクタ)や条件付きコンパイルを利用するのが確実だと思います。
IE7.js も条件付きコメントを利用しています。

<!--[if lte IE 6]><script type="text/javascript">
location.href = 'http://www.example.com/';
</script><![endif]-->

バージョン ベクタ - MSDN
http://msdn.microsoft.com/ja-jp/library/cc817577.aspx
条件付きコンパイル
http://msdn.microsoft.com/ja-jp/library/ahx1z4fs%28v%3DVS.80%29.aspx
ブラウザの機能の検出 (JScript)
http://msdn.microsoft.com/ja-jp/library/0hyey391%28v%3DVS.80%29.aspx

お礼

<!--[if lte IE 6]>
<script type="text/javascript">
window.alert("ご利用のブラウザ(Internet Explorer Ver.6以下)では一部の機能が正しく取り扱いできません。\n新しいバージョンへアップグレードして下さい。");
window.open("http://www.microsoft.com/japan/windows/products/winfamily/ie/function/default.mspx");
</script>
<![endif]-->

どうやらこのくらいにしておくのが良いようですね。
私ももっと勉強しなくては（笑）
ありがとうございました。

回答No.1

LOHA

＞IEtesterで試すと、一応Ver.6の際に、狙った動作はしています。
＞しかし、何故かIEtester上で「ScriptError」が表示されます。

IE6本物で試したので確証は持てませんが、文字コードの問題のようです。
charsetの指定なしでHTMLをUTF-8で保存し、IE6で表示させてみたところ、alertの部分でエラーがでました。一方Shift-JISではエラーは出ませんでした。

ということで正しく文字コードを指定しましょう。
http://www.animegif.net/tips/html/html-charset.html

＞こうすると何故かアラートの文字が文字化けしてしまいます。

これも文字コードの問題です。HTMLと同じ文字コードにするのが無難だと思います。

お礼

大変勉強になりました。
ありがとうございました。