Mastodon v3.3.0 では SRI が導入されています。これは assets:precompile で作られた静的な CSS や JavaScript が CDN などで意図せず改ざんされていないか検証するブラウザの機能を使用しています。

ハッシュ値がマッチするか検証し、マッチしていないと CSS や JavaScript が読み込まれなくなります。

Cloudflare を使っている場合、 Speed > Auto Minify にチェックを入れていると、ハッシュ値が変わってしまい CSS や JavaScript が読み込まれず、WebUI が正しく表示されない事象が発生するようです。

これが発生する場合は、Auto Minify のチェックを全て外して、Cloudflare のキャッシュを全てパージし、ブラウザ側のキャッシュもクリアすることで解決するようです。

SRIについての詳細は↓を見てね
サブリソース完全性 - Web セキュリティ | MDN developer.mozilla.org/ja/docs/

Follow

うちの環境はこれで直ってるっぽいんですが、いかんせんキャッシュまわりなので本当にこれで直るのかという所は、もうしばらく様子見て確認しないといけない。

· · Web · 1 · 0 · 0

解決策として、こういうページルールを作っておくと確実に回避できます。

Sign in to participate in the conversation
Mastodon Ikebukuro Division

Mastodon Ikebukuro Division(マストドン イケブクロ・ディビジョン)は、「池袋」という単語が刺さる人向けのMastodonサーバーです。