69566


`<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>`や`<meta
http-equiv="Content-Type" content="text/html;
charset=Shift_JIS">`なども試してみましたがダメでした。  
一応文字化けが起こる最小コードです。

[code]

    <!DOCTYPE html>
    <html>
    <head>
        <title>Check Periodicall Options</title>
    </head>
    <body>
        今日
    </body>
    </html>
    
[/code]

なおテキストエディタでファイルを開くと文字化けせず、文字コードはUTF-8と表示されます。


CC BY-SA 4.0
2020-08-14T07:49:15.317
69546
2020-08-15T02:15:55.540
2020-08-14T07:58:57.770
816
816
question
html 文字化け chrome-extension
Chrome extensionのoptions.htmlで日本語が文字化けする


UTF-8 で記述したコードが、 **ブラウザで別の文字コードと解釈された** ことによる問題だと思います。私の環境で当該コードを実行すると、 UTF-8
で記述したコードは Shift_JIS として解釈されていました。

この問題は [`meta` 要素の `charset`
属性](https://developer.mozilla.org/ja/docs/Web/HTML/Element/meta#attr-
charset)を用いて **文字コードを宣言**
することで解決出来ます。既に質問者さんも同様の方法を試されているようですが、それらの試行が機能しなかった原因は、質問文に書かれたコードから、以下のように推測出来ます。

  1. ダブルクォーテーションが U+0022 ではなく U+201D になっている
  2. 指定している文字コードが UTF-8 でない

最後に、文字化けの改善を確認したコードを以下に示します。

[code]

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>Check Periodicall Options</title>
    </head>
    <body>
        今日
    </body>
    </html>
    
[/code]


CC BY-SA 4.0
2020-08-15T02:15:55.540
69566
2020-08-15T02:15:55.540
32986
69546
answer