这篇说明如何修改FlexFox的各种参数， 不过更重要的是如何即时预览对`userChrome.css`所做的修改， 这样才能所见即所得，调整到自己想要的效果。 首先到`about:config`将下面三个选项设为true和false "devtools.chrome.enabled", true "devtools.debugger.remote-enabled", true "devtools.debugger.prompt-connection", false 这三个选项的作用是开启浏览器介面的工具箱，远端除错，和连线时是否提示。 如果经常使用浏览器工具箱，每次连线都要提示询问很麻烦， 所以建议设为false。 开启後按 Ctrl + Shift + Alt + I 打开浏览器工具箱， 按Ctrl + " + / - " 可以放大缩小文字。 选「样式编辑器」，在「过滤样式表」填入`uc`，打开`uc-variables.css`， 这里面以"--uc"开头的变数就是我们可以快速修改调整FlexFox显示效果的地方。 里面的变数大多有简单的注解说明其作用，可以依照自己的喜好修改。 譬如说我们想要修改扩展面板每一列显示的图示大小和个数， 先按下工具箱右上角的三个点点点，将「不自动隐藏弹出型视窗」打勾， 然後按下浏览器的扩充套件（拼图）按钮，将扩展面板保持打开。 目前预设是20px每一列4个 https://i.imgur.com/RnBL3Tz.png /* Icon size in the uni-extensions panel */ --uc-uei-icon-size: 20px; /* Number of icons per row in the uni-extensions panel */ --uc-number-of-extensions-in-a-row: 4; 我想改成每列8个而且图示更大一点 https://i.imgur.com/Q77DWcE.png --uc-uei-icon-size: 32px; --uc-number-of-extensions-in-a-row: 8; 一边改数字的同时，浏览器的扩展面板就会跟着你改动的数字变化。 调整到你满意的效果後，按下`uc-variables.css`旁的「储存」就可以将结果保存。 /* ==== userContent ==== */ 要修改`userContent.css`就比较麻烦，我们以`uc-pdf.js.css`为例， 随便打开一个pdf，按下 Ctrl + Shift + I 打开网页开发者工具， 选「样式编辑器」，结果会发现在这里完全找不到`uc-pdf.js.css`。 按下「检测器」旁边的箭头，然後将滑鼠移到pdf上叫出工具列， 对着工具列按下左键，「检测器」的HTML就会展开到`toolbar`的位置。 点选`toolbar`，然後在右侧窗口的「过滤样式」里填入`uc`， 就会显示`uc-pdf.js.css`的规则，按下规则旁`uc-pdf.js.css`的连结， 就会跳转到「样式编辑器」， 这时`uc-pdf.js.css`就神奇地出现在「样式编辑器」里面了。 我们在这里对`uc-pdf.js.css`所做的修改也会即时更新在画面上。 /* ==== Sidebery ==== */ 最後是用`userContent.css`修改Sidebery，虽然Sidebery本身有内建样式表编辑器， 在Sidebery内部就可以修改Sidebery的显示效果， 但是如果想要用浏览器的参数控制Sidebery，还是必须使用`userContent.css`。 首先到`about:debugging#/runtime/this-firefox`找到Sidebery， 按下「检测」，找到右边三个点点点旁边的分割框架的图案， 然後选`/sidebar/sidebar.html`， 接着「样式编辑器」里面就会出现`uc-sidebery.css`， 以下就如法泡制。 -完- --

※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 61.228.163.81 (台湾) ※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Browsers/M.1732532100.A.104.html 这个其实是英文文件，我只是把它整理了一下转过来:P https://tinyurl.com/3b5cp7bk ※ 编辑: YuQilin (61.228.163.81 台湾), 11/25/2024 20:08:54