【Chrome拡張】CSSが反映されない

【Chrome拡張】CSSが反映されない

空いた時間にChrome拡張機能で遊んだりしています。

まだどんな機能があるか確認している段階なので、完成品なんかはないです。

さて、今回はChrome拡張機能のコンテンツスクリプトのJavaScriptで追加したタグに、CSSのデザインを反映しようとしました。

しかし、拡張機能の読み込み時にエラーは出なかったにも関わらず、CSSが反映されませんでした。

セレクタの内容も合っているはずなのに、何故でしょうか。

拡張機能を読み込み直しても効果がありませんでした。

 

調べてみても、マニフェストファイルの記述は合っているかとか、セレクタは合っているかという回答が多いようです。

解決策が見つからないまま色々と試していると、やっとこさ原因が分かりました。

CSSファイルの文字コードが、sjisになっていたのです。

以前の記事であれだけ言っていた自分がコレです。

文字コードをutf-8に変更して保存して、拡張機能を再度読み込むと、無事にCSSが反映されました。

今後も気を付けようと思います。。