Firefox userchrome.css在目前版本中需要的注意事项

不知道我火星了没
如果已经知道的就当我没说吧
尝试了一下排版 :upside_down_face:(阅读更加友好 ¿

注意事项

首先在firefox69+不再默认载入userchrome.css
必须要在about:config开启toolkit.legacyUserProfileCustomizations.stylesheets
原来的browser.xul更改成browser.xhtml 如下:

chrome://browser/content/browser.xhtml

因此旧文档中

@-moz-document url(chrome://browser/content/browser.xul)

对于高版本的firefox的应该改为

@-moz-document url(chrome://browser/content/browser.xhtml)

查看id的方式

按下F12打开调试工具
右上角有3个点按下后进入设置
找到"高级设置"
开启"启用远程调试",“启用浏览器界面及附加组件的调试工具箱
按下alt键出现菜单栏
工具>Web 开发者>浏览器工具箱
弹出"传入连接"按确定
这时候只要选取控件
就可愉快的找到浏览器控件的id了!
另外要查看右键菜单的id需要在按下弹出的开发者工具上的三个点选择"不自动隐藏弹窗"
这时候右键菜单就不会消失
原文有对各个版本详细介绍,这里不再赘述
这是自己整合别人的效果


来源:

https://www.userchrome.org/

https://www.userchrome.org/find-user-style-recipes.html

标题那个大写的 I 看了好难受

哈哈哈打错了