サファリだけスタイルシートと画像が読み込まない!

サファリだけスタイルシートと画像が読み込まない!

実際には他のブラウザでも一部おかしかったりしたのだが、とくにサファリだけおかしかった。



原因は CSP(Content Security Policy)の設定。

恥ずかしながら、こんなもの初めて知った。



顧客側のサーバー設定でそうなっていたのだが、そんなポリシー初めて知ったわ。

どうしてわかったかというと、サファリの開発モードのチェックに表示されていたから。


で、キーワードを調べていたら原因にたどり着いた。


javascriptはインラインに描けないとか、画像にはなんたら記述がいるとか、知らないことばかり。

Web関連の仕事をしていると、新しい技術がどんどん導入されてついていくのがしんどくなるねぇ…。