JavaScript内に記述した日本語文字列が文字化けする

概要

例えば、test.js という JavaScript ファイルを作成し、ここで、以下のように日本語文字列を直接記述する箇所があるとします。

 alert("テストです");

このようなケースでは、通常は、以下のようにキャラクタセットを明示的に指定すれば文字化けはしないのですが、、、

 <script type="text/javascript" src="test.js" charset="uft-8"></script>

稀に、一部のブラウザで文字化けするケースがあります。
基本的には何も問題があるようには見えず、原因はよく分かりません(/_＼*)

回避策

以下の URL に書かれているように、BOM 付きの UTF-8 に JavaScript ファイルを変換したところ、正常に表示されるようになりました。

http://d.hatena.ne.jp/nakamura001/20101026/1288122555

上記では、Mac での操作が例として解説されていますが、私は nkf を使用して BOM 付き UTF-8 を作成しました。

 % nkf -w8 test.js > test_with_bom.js