[Firefox]userChrome.cssの作成を補助するアドオン「FxUI Editor」

残念ながらFirefox57 (Quantum)からは、UIを改変する場合はuserChrome.cssを使用しなければならなくなってしまいました。このuserChrome.css、CSSがわからないと何のことやらさっぱりですし、わかっていても目当ての要素を特定することが非常に面倒なのですが、待望のuserChrome.cssの作成を補助するアドオン「Fx Editor」が発表されました。作者様ありがとう！

FxUI EditorはuserChrome.cssに書き込むCSSコードを生成してくれる拡張です。userChrome.cssそのものを改変するのではないことに注意してください。

CSSの知識が無くても、非表示にしたり色を変更するだけならコードを書き出してくれるので大変便利です。マウスオンで開閉するとかアニメーションさせるというのは流石にCSSの知識が必要ですが、これで少なくともコンテキストメニューのカスタマイズは楽勝になります。CSSの知識がある人にとっても、要素を特定するツールとして役に立つことでしょう。

スクリーンショット

アドオンページ