Safariでの外部コンテンツ文字化けを防ぐ

Safariでの外部コンテンツ文字化けを防ぐ

Extを利用しUpdaterを使用して外部からHTMLを取得し表示する表示があります。
例えば、タブの内容を表示時外部から取得して、コンテンツとして表示するなどです。

この場合、日本語が含まれていると、どんなに元のHTML側でエンコード指定をしてもSafariでは文字化けを起こします。
Safariは動的に外部から取得したHTMLにMETAタグが存在しないとSJISか何かだと判定するみたいです。

要するにUTF-8で全てJavaScriptもCSSもHTMLも記述している場合、外部読み込みにしたHTMLは文字化けを起こしてしまいます。

これを回避するには、W3CのXHTMLやHTML形式からは外れてしまいますが、下記の一文を外部のHTMLの先頭に記述することで回避可能です。

<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />

こうすることで、IE6/6 FireFox(Win/Mac),Opera(Win/Mac),Safari(Win/Mac)で文字化けすることなく外部コンテンツを読み込めます。