作者YuQilin (神兽)
看板Browsers
标题Re: [-Fx-] FlexFox 的重大更新
时间Thu May 29 22:49:50 2025
从 v3.4.2 之後的更新
### 1. 支援 Firefox Color
可以很简单的将 FlexFox 修改为自己喜欢的颜色。
安装 Firefox Color 扩展，这是 Mozilla 官方推出的扩展
https://addons.mozilla.org/firefox/addon/firefox-color/
到 Firefox Color 网站
https://color.firefox.com/
先在 `Custom backgrounds` 这一页，随便选任何一张背景图片，
纯色也可以，之後就可以任意调整 Firefox 介面的颜色，所见即所得。
如果不挑选任何图片，需在 `about:config`
启用 `uc.flex.allow-addons-to-change-toolbar-color` 这个选项，
这样在 Firefox Color 所做的修改才会生效。
下面是通过 Firefox Color，套用
Rosé Pine Moon
https://github.com/rose-pine/firefox
的主题後，FlexFox 的样子
https://i.imgur.com/IXEuFnX.png
### 2. 修复 Sidebery 在 Firefox v140 无法展开的问题
: → YuQilin: v3.4.2至少可以用到Firefox v140没有问题。
上次某人说 v3.4.2 最少可以用到 Firefox v140 都不会有问题，
结果很快就被打脸了XD
不知道是不是因为 v140 是下一个 ESR 版本的关系，
开发组好像打了鸡血，做了非常多的更新。
v140 对於侧边栏结构的修改，
会让很多自动展开侧边栏的样式挂掉，
有使用侧边栏样式的人要注意更新。
### 3. 一些 bug 修正，样式微调。
其中最重要的是，当原生垂直分页放在右侧时，
滑鼠移到萤幕边缘的展开会非常不顺畅，而且滚动条也无法显示。
因为平日没有使用这样的布局，我一直没有发现。
这个 bug 相当离谱，基本让原生垂直分页在右侧时是不太可用的状态。
### 4. 改良地址栏的显示效果。
之前地址栏展开的样子太难看，现在漂亮多了。
: 推 hohiyan: url让它保持原来的样子就好了，圆角化并不好看 XD 04/25 22:46
现在新增了一个选项：
`uc.flex.revert-to-original-flat-corner-style`
设为 true 之後会停用地址栏、搜寻框、寻找栏的大圆角设计，
改回 Firefox 预设的平角样式
https://i.imgur.com/63uPGNT.png
另外，在 uc-variables.css 底下新增了这些变数：
```
--uc-urlbar-border-radius: 30px;
--uc-urlbar-popup-border-radius: 15px;
--uc-urlbar-icon-radius: 16px;
--uc-urlbar-icon-inner-radius: 6px;
--uc-searchbar-popup-border-radius: 12px;
--uc-findbar-border-radius: 8px;
```
复制到 chrome\components\uc-user-settings.css
修改这些变数就可以快速调整地址栏、搜寻框、寻找栏的圆角半径设定。
### 5. 关於使用快速键和工具列按钮切换布局
上次更新有提到可以使用快速键和按钮快速切换 4 种布局，
这里补充说明一下详细的方法。
先安装这个扩展
https://addons.mozilla.org/firefox/addon/userchrome-toggle-extended/
安装好以後，按照下图设定
https://i.imgur.com/LzWd4TB.png
基本上只需要打勾就好。
设定好以後一定要记得按左上角的 `Apply changes` 按钮。
Ctrl+Shift+1 | Lock Sidebery | 锁定垂直分页保持展开状态
Ctrl+Shift+2 | Hide Topbar | 完全隐藏上方的工具列，滑鼠移到边缘显示
Ctrl+Shift+3 | Hide Sidebery | 完全隐藏垂直分页，滑鼠移到边缘显示
Ctrl+Shift+4 | Hide All | 隐藏所有UI，仅显示网页内容
可以更改预设快速键，点击右上角齿轮，我自己修改为 Alt+1/2/3/4
https://i.imgur.com/enq4IpG.png
不习惯用键盘，可以设定为滑鼠手势，也可以使用工具列的按钮切换
https://i.imgur.com/I6TZH2y.png
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 61.228.147.222 (台湾)
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Browsers/M.1748530194.A.12C.html
1F：推 rockmanx52: 也顺便问一下书签那个爱心能不能换回原本的星星跟改 05/30 02:02
2F：→ rockmanx52: 颜色？ 05/30 02:02
3F：推 hohiyan: bookmark icon 有选项可以改回原本的 05/30 04:28
4F：→ hohiyan: 感谢作者增加选择 URL bar 形状的选项 05/30 04:29
5F：推 MK47: 推 其实我喜欢urlbar圆的XD 05/30 10:01
书签爱心可以用选项关闭
uc.flex.revert-to-original-bookmark-star-icon true
书签星星的颜色可以用变数控制
--uc-bookmark-star-color: light-dark(#ea4c89, #9651ff);
也可以更换成自己喜欢的图示，替换掉下面的档案
../icons/bookmark/bookmark.svg
其他像Windows视窗控制按钮、侧边栏按钮的图示也可以还原或更换
uc.flex.revert-to-original-window-controls true
uc.flex.revert-to-original-sidebar-icon true
下拉选单、右键选单的图示也可以关闭
uc.flex.disable-menu-icons true
「寻找栏失去焦点时自动隐藏」这个功能也可以关闭
uc.flex.disable-findbar-autohide true
详细的选项可以看这里
https://is.gd/ddatT4
安装时把user.js放到Profile设定档资料夹下
重新启动後就会自动汇入这些选项，不用手动输入
(记得汇入後要把user.js删除，之後所做的修改才能保存)
在 `about:config` 当中输入 `uc.flex.`
就会列出所有FlexFox使用的选项 双击即可切换开关
当初想FlexFox这个名字就是希望它能够很有弹性的意思，
所以常常写好一个功能後，就是再写个选项把这个功能关掉XD
结果用到最後，其实我自己只有使用自动隐藏这一个功能而已 :)
※ 编辑: YuQilin (114.37.95.97 台湾), 05/30/2025 13:20:36
6F：→ YuQilin: 突然发现 现行版本的FlexFox 05/31 23:38
7F：→ YuQilin: 在原生垂直分页的模式下 05/31 23:38
8F：→ YuQilin: 钉选分页如果小於3个 05/31 23:38
9F：→ YuQilin: 钉选分页的背景高亮会溢出 05/31 23:38
10F：→ YuQilin: 还有如果侧边栏的工具按钮小於5个 05/31 23:38
11F：→ YuQilin: 侧边栏的设定按钮会歪掉 05/31 23:38
12F：→ YuQilin: 而且展开方向会变成垂直 05/31 23:38
13F：→ YuQilin: 因为我的钉选分页一直大於3个 05/31 23:38
14F：→ YuQilin: 工具按钮一直大於5个 所以一直没有发现 05/31 23:38
15F：→ YuQilin: 原来如果是这种使用情况 05/31 23:38
16F：→ YuQilin: FlexFox一直是这麽丑的吗...... 05/31 23:38
更新 v3.5.1
1. 修复上述的错误，现在不论在何种状态，垂直分页始终保持一致的排版
- 不论钉选分页、工具按钮的个数
- 使用侧边栏按钮切换侧边栏展开或收合状态
- 启用原生垂直分页或Sidebery
- 放在左侧或右侧
- 使用快速键切换四种版面
2. 修复 v3.4.7 引起的退化
使用 Lock Sidebery 快速键或选项，
锁定原生垂直分页永远展开时，悬停时会产生抖动。
且如果放在右侧，会产生错误的位移。
3. 画中画(PiP)窗口的音量控制按钮现在永远可见
Firefox 预设的画中画窗口看不到音量控制按钮，
必须调整窗口大小，放大後才能看见，使用上不太方便，
现在修改为永远可见。
4. 新增选项 `uc.flex.move-pip-volume-to-top`
将上述的按钮移动到画中画的顶部。
5. 新增选项 `uc.flex.dim-urlbar-popup-backdrop`
网址栏下拉弹出搜寻建议列表时，暗化浏览器的背景。
数值范围 `0` - `2`，`0` 关闭，数值越大，背景越暗。
6. 新增选项 `uc.flex.enable-rounded-web-content`
为网页内容区域的四边添加边距、圆角和阴影。
数值范围 `0` - `2`，`0` 关闭，数值越大，边距越宽。
另外可以使用变数
```
`--uc-web-content-margin-small`
`--uc-web-content-margin-large`
`--uc-web-content-radius-box`
```
控制自己喜欢的边距和圆角半径。
启用後网页内容看起来会像一张悬浮的卡片，
视觉风格类似 Zen 和 Edge 浏览器。
以下是 `uc.flex.enable-rounded-web-content` 为 `1` 的效果
https://i.imgur.com/EUB0yYA.jpeg
※ 编辑: YuQilin (114.37.95.97 台湾), 06/02/2025 19:56:05
17F：推 dirtywestwes: 推 06/10 04:34
18F：推 twobrainhole: 推 06/23 12:30
19F：推 imusya: v140 开始是不是不能完全隐藏了，一定会留 icon 在左边？ 07/01 13:36
20F：→ YuQilin: 可以完全隐藏呀 你确认一下是否为最新版本 07/02 00:00
22F：→ YuQilin: 新版可以在about:config页面显示版本号码 07/02 00:28
23F：→ YuQilin: 要检查使用中的版本号码会比较方便 07/02 00:28
24F：→ YuQilin: 近日会更新v4版本 07/02 00:28
25F：→ YuQilin: 我重构了网页容器圆角化的功能 07/02 00:28
26F：→ YuQilin: 改进了显示效果 大幅简化了样式 07/02 00:28
27F：→ YuQilin: 但也增加了摺叠和展开的复杂度XD 07/02 00:28
28F：→ YuQilin: 然後v4会支援mica 07/02 00:28
29F：推 MK47: 好可怕 每几个版本就要大幅改写一次 火狐超搞的.....辛苦了 07/02 00:37
之前好像用了半年都没事，我记得没怎麽改，但是最近很离谱，
我已经数不清修复了多少个 Nightly 变更产生的问题 ><
主要 FlexFox 的弹性太大了， 为了尽可能相容所有模式，
所以处理起来会非常复杂，复杂到我自己都快看不懂的程度了XD
而且 v3 以来增加了很多新功能，新功能也会产生新 bug，
所以常常 v3 的 bug 刚修好，Nightly 更新的 bug 又来了 ><
不过一切都快结束了，等 v4 把 mica 的支援做完，
应该就不会再有新功能了...吧XD
其实新功能我都很少用，像是隐藏工具列的按钮图示，
虽然看起来很清爽，尤其有使用布景主题的时候，
隐藏图示可以无遮挡，完整的显示主题的背景图片，
但是隐藏图示後，点击之前无法预先看到按钮的位置，
我觉得操作会卡卡的不太流畅。
而 v4 要支援的半透明云母 mica 效果，我个人觉得不好看XD
※ 编辑: YuQilin (61.228.171.235 台湾), 07/02/2025 18:48:18
30F：推 twobrainhole: 推，很好用 07/06 15:17
**【即将在 v4 推出的不相容更新】统一所有工具列的动画转场时间**
正在开发中的 FlexFox v4 版本，为了支援 Mica 效果，
将会进行一项不相容旧版的调整：
原本导览列、书签工具列、侧边栏等各个工具列，
都有各自独立设定的显示／隐藏动画时间。
在 v4 中，这些动画时间将会统一，
全部采用侧边栏展开与摺叠所使用的动画时间，
并由现有选项 `uc.flex.sidebery-fast-hover-expand`
和 `uc.flex.sidebery-slow-hover-expand` 控制。
由於这项变更会影响熟悉旧版操作方式的使用者，
我目前的想法是：**不预设全域启用**，
而是仅在使用者启用 Mica 效果时，自动套用这个统一动画设定。
此外，我也考虑新增一个选项，让没有使用 Mica 的使用者，
也可以自行选择是否启用统一的动画转场，让整体过场时间更一致。
想请问大家的意见：
你们觉得应该预设启用统一动画时间（提供选项关闭），
还是预设维持分离动画（提供选项开启统一）会比较好？
※ 编辑: YuQilin (61.228.167.236 台湾), 07/10/2025 07:51:45