Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

Microsoft Edgeでjavascript,cssファイルが文字化けする

More than 1 year has passed since last update.

Microsoft EdgeでUTF-8が文字化けする

ヘッダーのcharsetに「UTF-8」を設定してある状態で、UTF-8で設定してあるjavascriptファイルとCSSファイルを読み込むと文字化けしてしまった。

chromeやfirefoxでは発生しなかった。

原因がわからなかったため、苦肉の策でHTML側から定義を送るように修正して対応

sample.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8"/>
  <script src="test.js"></script>
  <script>
  var entry = {
     "1" : "テスト1",
     "2" : "テスト2"
  };
  $(document).ready(function(){
      testController.initialize(entry);
      $("#test").html( testController.getParam(1) );
  });
  </script>
</head>
<body>
        <p id="test"></p>
</body>
</html>

test.js
var testController = function(){
    var returnObj = {};
    var entry = {};

    returnObj.initialize = function (entry_param){
        entry = entry_param;
    }
    returnObj.getParam = function (type){
        if(type in entry){
            return entry[type];
        }
        return "";
    }
}();

具体的なコードは少し違うが、パラメータを渡すようにして作った感じが伝われば良いと思います。

原因

調べると、同じ事例のケースがあり試してみたところ、確かに文字化けしたため、たぶん原因だと思われる。

https://qiita.com/KyoPeeee/items/34a5c212152d9e590277

対処方法は不明です。

kazu22002
PHPerのWEBエンジニア、Golang, AWS, Angular, Vue 現在フリーランス
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away