Firefoxを長期間利用しているユーザーの中には、Tab Mix Plusなどの高度なタブ管理機能を利用するためにuserChrome.js環境を構築している方も多くいます。しかし、Firefoxの大きなバージョンアップでは内部仕様が変更されるため、以前使えていたuserChrome.jsやユーザースクリプトが動作しなくなることがあります。
特にFirefox ESR版へ移行する場合でも、標準設定だけではuserChrome.jsは有効になっていないため、手動で環境を整える必要があります。
この記事では、Firefox ESR 153などの新しいバージョンでuserChrome.jsを利用するための基本的な導入手順や、Tab Mix Plus系のカスタマイズを継続するために確認すべきポイントを解説します。
Firefoxの更新後にuserChrome.jsが動かなくなる理由
FirefoxのuserChrome.jsは、ブラウザ内部のJavaScriptを読み込んでUIを変更する仕組みです。そのため、Firefox本体の仕様変更の影響を受けやすい特徴があります。
以前のFirefoxでは専用ファイルを配置するだけで動作していた方法でも、近年のFirefoxではセキュリティ強化により標準状態ではユーザースクリプトの読み込みが無効化されています。
例えばFirefox 128で動作していた環境をFirefox ESR 153へ更新した場合、プロファイル内のファイルが残っていても読み込み設定が初期化され、userChrome.jsが反応しなくなることがあります。
Firefox ESR 153でuserChrome.jsを使うための準備
まずFirefoxのプロファイルフォルダーを確認します。プロファイルはFirefoxの設定や拡張機能、カスタマイズ情報が保存されている重要な場所です。
確認方法はFirefoxのアドレスバーに以下を入力します。
about:support
表示された画面の「プロファイルフォルダー」から現在使用しているプロファイルの場所を開きます。
作業前には、プロファイルフォルダー全体をバックアップしておくことをおすすめします。設定ミスがあった場合でも元の環境へ戻せます。
userChrome.jsを有効化する基本設定
Firefox ESR 153でuserChrome.jsを利用するには、まずユーザーChrome関連ファイルの読み込みを許可する設定が必要です。
プロファイルフォルダー内に「chrome」フォルダーが存在しない場合は作成します。その中にuserChrome.cssやuserChrome.js関連ファイルを配置します。
また、Firefoxの設定画面では通常の設定変更だけでは利用できないため、必要に応じてabout:configから以下の項目を確認します。
| 設定項目 | 内容 |
|---|---|
| toolkit.legacyUserProfileCustomizations.stylesheets | userChrome.cssを有効にする設定 |
| javascript.options.showInConsole | スクリプトエラー確認用設定 |
特にuserChrome.cssを利用するカスタマイズでは「toolkit.legacyUserProfileCustomizations.stylesheets」をtrueに変更する必要があります。
userChrome.js導入時に必要になるファイル構成
現在のFirefoxでは、単純にuserChrome.jsファイルを置くだけでは動作しません。一般的には読み込み用スクリプトやローダーを追加して、Firefox起動時にユーザースクリプトを読み込ませます。
代表的な構成例は以下のようになります。
- chromeフォルダー
- userChrome.css
- userChrome.js
- userChrome.js読み込み用ローダーファイル
以前のFirefoxで利用していたファイルをそのままコピーするだけでは、新しいFirefoxでは動作しない場合があります。バージョンに対応したローダーを利用することが重要です。
Tab Mix Plusを使い続ける場合の注意点
Tab Mix PlusはFirefoxの公式APIでは実現できない高度なタブ操作を提供していた拡張機能ですが、Firefox Quantum以降のWebExtensions化によって公式版は利用できなくなりました。
現在Tab Mix Plusに近い機能を利用する場合は、userChrome.jsによるカスタマイズや代替拡張機能を組み合わせる方法が一般的です。
例えば、多段タブ表示、タブの幅調整、タブバー位置変更などはuserChrome.cssとuserChrome.jsを利用することで再現できる場合があります。
Firefox大型アップデート前に行うべき対策
Firefox ESRなど長期利用環境では、アップデート前にカスタマイズ環境を保存しておくことが重要です。
具体的には以下のバックアップを取っておくと安全です。
- Firefoxプロファイルフォルダー
- chromeフォルダー
- userChrome.js関連ファイル
- about:configの変更内容
例えばFirefoxの更新後にタブ表示が崩れた場合でも、以前の設定ファイルと比較することで原因を特定しやすくなります。
まとめ｜Firefox ESR 153でもuserChrome.jsは利用可能だが再設定が必要
Firefox ESR 153へ更新した後もuserChrome.jsを利用することは可能ですが、古いFirefox環境から単純にアップデートするだけでは動作しない場合があります。
原因の多くはFirefox側の仕様変更やセキュリティ強化によるもので、プロファイルのバックアップを取りながら新しいバージョンに対応した読み込み環境を構築することが大切です。
Tab Mix Plusのような高度なタブ管理を継続したい場合は、userChrome.jsやuserChrome.cssの仕組みを理解し、Firefoxの更新ごとに対応状況を確認することで安定したカスタマイズ環境を維持できます。
コメント