【解決】Firefox 69からuserChrome.css読み込まないバグ? 対処法は設定変更

animal_lesserpanda

Firefox ブラウザのウィンドウ画面右上に見える設定メニュー(=ハンバーガーメニュー)。

この設定メニューの見た目のデザインをこんな風に ゴチャゴチャシンプル・コンパクト な状態に切り替える~♪

czzリップボード
デフォルトのメニュー項目は項目数の多さから縦長

zzクリップボード
使わない不要なメニュー項目をバッサリ削除する

そんな ”裏技” ”隠し機能” を手元の環境でニュルッと実現するのが、Firefox ブラウザ本体の UI を好き勝手にイジれるスタイルシート userChrome.css ファイルです。

【ブラウザ UI 用スタイルシート
userChrome.css

【コンテンツ表示領域用スタイルシート】
userContent.css

userChrome.css userContent.css 読み込まない!?

そんな userChrome.css や userContent.css に関連して仕様変更が!

  • userChrome.css userContent.css
    使えない/機能しない/読み込まれない/読み込まない/反映されない
    → まさか機能を撤去? バグ? 不具合?

Firefox の将来のバージョン、…具体的には2019年9月にリリースされる予定の バージョン69.0 から 「css ファイルはデフォルトだと読み込まない」 ようになります。

つまり、userChrome.css や userContent.css は読み込まれないのがデフォルト状態となるそうです。

xaクリップボード

> https://twitter.com/FirefoxNightly/status/1131287595563065344


仕様変更の目的は? スピードアップ

ナゼこんなことを?

早とちりして誤解するユーザーさんが出現しそうだけど、userChrome.css や userContent.css の機能を将来的に廃止して、userChrome.css や userContent.css によるデザイン変更を実現できないようにする嫌がらせ布石かーい?

いやいや、そうではなく…

Users who use userChrome.css or userContent.css files to customize Firefox may need to flip the toolkit.legacyUserProfileCustomizations.stylesheets pref to true in order for Firefox to load these files. This is to avoid touching the disk unnecessarily during start-up for users that don't have those files.
https://www.mozilla.org/en-US/firefox/69.0a1/releasenotes/

  • 現行バージョンは userChrome.css や userContent.css の使用有無に関わらず、Firefox ブラウザを起動するタイミングで userChrome.css や userContent.css がストレージ上に存在していないか確認している

  • userChrome.css や userContent.css を使用していない多くの環境は、まったく無意味なファイル2つの確認処理を Firefox ブラウザが起動される度に毎回毎回行っている → ムダ!


つまり、これは Firefox 起動時の処理量を少しでも減らすため、「スタートアップ中に不必要なディスクアクセスを避ける」 ことでスピードアップを狙った施策の一環です。


別に、userChrome.css や userContent.css のサポートを打ち切る進行形のプロジェクトは存在しません。



userChrome.css を使うには? 設定変更の対処方法

今後も userChrome.css や userContent.css を使いたい Firefox ユーザーさんはどうする?

Firefox の設定ファイル user.js を使っているなら、有効化するパラメータ 「toolkit.legacyUserProfileCustomizations.stylesheets」 をあらかじめ指定しておくと、今までどおりに css ファイルは読み込みます。

user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true);

なお、Firefox のバージョン68.0の時点で userChrome.css か userContent.css を使用している既存ユーザーさんは、このパラメータは Firefox が自動的に適用するそうで作業は不要です。 9bd7e90d.gif


…ってことで、Firefox Quantum 69 以降を新規に導入するユーザーさんや、新しくプロファイルを作成したユーザーさんの中で、userChrome.css か userContent.css を使う場合は、手動で設定を切り替える作業が必須です。