はじめに
企業利用においては、Firefox/Thunderbirdの特定の機能を使わせないようにカスタマイズしたいという場合があります。
そのための機能を提供するアドオンにglobalChrome.cssがあります。
（使用例は過去のThunderbirdのインターフェースをカスタマイズするにはという記事をご参照下さい。）
しかし、WebExtensions APIへの移行の流れにともない、Firefox ESR59以降ではglobalChrome.cssは使えないことが決まっています。また、Firefox Quantum以降ではすでにアドオンの互換性がなくなっています。
今回は、globalChrome.cssで行っていたカスタマイズを別の手段で代替する方法と、その注意点をご紹介します。
globalChrome.cssとは
Firefox/Thunderbirdは、アプリケーション自体のUIがXMLとCSSで構成されています。 このアドオンは、Firefox/ThunderbirdのUIに追加のスタイルシートを反映することで、その外観を変化させるというアドオンです。 冒頭で紹介したように、企業利用においては不要な機能をあらかじめ削除するなど、ユーザーインターフェースをその企業に合わせてカスタマイズした状態で利用したい場合に使われます。
しかしながら、前述の通りこのアドオンはFirefox Quantum以降では動作しません。 これを使ってFirefox/Thunderbirdをカスタマイズしている場合、代替手段が必要です。 それがユーザースタイルシートと呼ばれるものです。1
ユーザースタイルシートには次の2つがあります。
-
userChrome.css
-
userContent.css
globalChrome.cssはこのうちuserChrome.cssにて代替することができます。
userChrome.cssとuserContent.cssの違い
ユーザースタイルシートといわれるのがこれら2つのファイルですが、違いはなんでしょうか。 Mozilla のカスタマイズには、次のような説明があります。
-
userChrome.cssは「Mozilla アプリケーションの UI クロームに関するCSSを管理」
-
userContent.cssは「ウィンドウ内のコンテンツに関するCSSを管理」
これらのファイルの違いをuserChrome.cssとuserContent.cssのサンプル設定から示します。
userChrome.cssには文字色を赤にする全称セレクタの設定を適用してみます。
*|* {
color: red !important;
}
userContent.cssには文字色を青にする全称セレクタの設定を適用してみます。
*|* {
color: blue !important;
}
すると、UIクローム部分は赤い文字に、コンテンツ領域は青い文字になります。 この事から、それぞれのユーザースタイルシートがFirefox/Thunderbirdのどの部分に作用するかが分かります。
globalChrome.cssからuserChrome.cssに移行するポイント
globalChrome.cssはuserChrome.cssにて代替することができると述べましたが、両者には1点大きな違いがあります。展開のタイミングです。
globalChrome.cssは通常カスタマイズ済みFirefoxのインストーラとともにバンドルされます。そのためインストール時に所定の場所に配置されます。
しかし、userChrome.cssはユーザーのプロファイルディレクトリに配置しなければいけません。
プロファイルが作成されるのは、インストール後の起動時ですので配置すべきタイミングが異なります。
| css | 配置先(Windowsの場合) |
|---|---|
| globalChrome.css | C:\Program Files (x86)\Mozilla Firefox\chrome\globalChrome.css |
| userChrome.css | %APPDATA%\Mozilla\Firefox\Profiles(プロファイルフォルダ)\chrome\userChrome.css |
したがって、プロファイル作成後にuserChrome.cssを配置する仕組みを構築する必要があります。2
まとめ
今回は、globalChrome.cssが来たるべきFirefox ESR59以降では使えなくなることにともない、その移行のポイントについて紹介しました。
FirefoxやThunderbirdの導入やカスタマイズでお困りで、自力での解決が難しいという場合には、有償サポート窓口までぜひ一度ご相談下さい。
