作者YuQilin (神兽)
看板Browsers
标题[-Fx-] FlexFox更新了1.0.0版 速度提升了100x
时间Sun Nov 24 13:11:24 2024
暗色主题下的FlexFox
https://i.imgur.com/ACxdFFS.png
FlexFox是一个Firefox的使用者样式，它主要的功能有：
1. 选择要缩小或隐藏哪些工具列或侧边栏，滑鼠悬停时展开，将可视画面最大化。
2. 隐藏所有工具列和侧边栏时，画面只剩网页内容，如同全萤幕。
3. 工具列和侧边栏展开时，会覆盖在网页内容上，不会推挤网页，造成画面跳动。
4. 和Sidebery搭配使用，Sidebery启用时，自动隐藏水平分页，
Sidebery关闭时，自动恢复水平分页。
5. 可以和多种排版设置相容，例如开启标题列或选单列，侧边栏放置在左侧或右侧。
6. 改良的寻找列，缩小化後移动到浏览器的上方浮动显示，可自订左右水平位置，
预设失去焦点後自动隐藏，可在选项关闭。
7. 精简的扩展面板，仅显示扩展图示，滑鼠右键叫出扩展选单，
也可在选项中改为另一种有文字的紧凑面板。
8. 自动摺叠Sidebery的导览面板和钉选分页，悬停时展开，
展开时保持分页的垂直位置不变，避免画面上下跳动和滑鼠重新定位。
还有其他一些小功能，例如更换Firefox介面的字型和文字加黑，
给每个书签资料夹更换不同的图示，仅显示书签图示或仅显示书签文字等等。
v1.0.0版主要更新了二个地方，一个是渲染速度大幅提升，比旧版快了100倍。
是的，100倍，就离谱。
现在开启最吃重的右键选单的速度，仅比原生主题多了16ms，几乎没有感知差异。
第二个重大更新是加强了Sidebery侧边栏放置在右侧时的相容性，
现在放在右侧全萤幕时边缘不会有亮线。
还有视窗非最大化时也能很轻松的在视窗边缘触发工具列或侧边栏展开，
触发的区域大小可以自订。
其他说明和下载及安装方法请见
https://github.com/yuuqilin/FlexFox
我晚点补图。
[!] 如果你有安装过1.0.0之前的版本，安装前请先至about:config
搜寻`uc.flex.`，将旧版FlexFox的选项全部删除後再更新。
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 61.228.163.81 (台湾)
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Browsers/M.1732425086.A.7AE.html
※ 编辑: YuQilin (61.228.163.81 台湾), 11/24/2024 13:33:26
1F：推 neoark: 推个，试用了一下非常不错，自动隐藏toolbar真好用 11/24 22:43
2F：推 MK47: 推 真的好用 11/25 00:28
3F：推 dirtywestwes: 感谢。想请问大家：1.图中的.js哪些要true，才能隐 11/25 17:27
4F：→ dirtywestwes: 藏search bar、最上栏的档案编辑等；同时不隐藏书 11/25 17:27
5F：→ dirtywestwes: 签？2. Fully hides the top tab bar, navigation 11/25 17:27
6F：→ dirtywestwes: bar, and bookmarks toolbar这栏ture会遮住Sideber 11/25 17:27
7F：→ dirtywestwes: y最上面几个功能是正常的吗？ 11/25 17:27
1.预设Sidebery会缩小，`uc.flex.fully-hide-sidebery`为true的话会完全隐藏。
`uc.flex.disable-bookmarks-autohide`为true的话书签工具列不会隐藏。
其实不用从`user.js`改，将`user.js`放入profiles，火狐启动後删除`user.js`，
再到`about:config`搜寻`uc.`，就会看到全部`uc.flex`的选项，
在这里切换true/false，浏览器的介面会即时更动，可以马上看到选择後的结果。
2.是不正常的，`uc.flex.fully-hide-toolbox`设为true的话显示效果应该是这样
https://i.imgur.com/tnoNoXV.png
※ 编辑: YuQilin (61.228.163.81 台湾), 11/25/2024 18:54:28
喔喔 华生你发现了bug 如果同时开启
`uc.flex.disable-bookmarks-autohide`
`uc.flex.fully-hide-toolbox`
就会发生Sidebery顶部被吃掉的情况
不过开启`uc.flex.fully-hide-toolbox`时
会隐藏所有的顶部工具列包括书签工具列
所以和`uc.flex.disable-bookmarks-autohide`
「不隐藏书签工具列」这个选项是互斥的
目前没有办法隐藏顶部工具列但单独保留书签工具列ToT
※ 编辑: YuQilin (61.228.163.81 台湾), 11/25/2024 20:04:38
10F：推 dirtywestwes: 感谢原po，下午改.js排列组合改到快中风，原来有bu 11/25 21:10
11F：→ dirtywestwes: g。另请问，像原po的Sidebery上面的ptt、推特一样 11/25 21:10
12F：→ dirtywestwes: 有很多网站可快捷进入，是要钉选吗？如果要钉选又 11/25 21:10
13F：→ dirtywestwes: 要减少记忆体用量，需要每开一次就卸载一次它们吗 11/25 21:10
14F：推 dirtywestwes: 我这边看是钉选就好，然後不用卸载，预设是没加载 11/25 21:14
是的，那个是钉选分页，它的用途像快捷一样，
适合存放每次开启浏览器一定会去访问的地方，
而且在整个浏览的过程中，
三不五时就会回头检查它的内容有没有更新。
这种分页如果每次都从书签开启，不看的时候关闭，
过一阵子又从书签开启，这样反覆开启关闭，会很浪费时间。
把它钉选到所有分页的顶部，使用上会更有效率。
FlexFox会自动摺叠钉选分页，每一列最多5个，
大约可以钉选20个左右的分页而不会占用到太多垂直方向的空间，
把空间留给其他普通分页。
火狐预设启动的时候会自动载入钉选分页，
如果你的钉选分页很多，启动的时候会全部一次载入，
会拖慢启动的速度。
如果你不希望火狐在启动的时候自动载入钉选分页，
可以在about:config搜寻
/* Prevents pinned tabs from automatically loading at browser startup. */
// user_pref("browser.sessionstore.restore_pinned_tabs_on_demand",true);
如果你担心钉选分页占用太多记忆体，可以用Sidebery的卸载功能，
右键 > 第一排中央的电源按钮
如果没时间手动卸载，可以用 Auto Tab Discard 扩展
https://addons.mozilla.org/zh-TW/firefox/addon/auto-tab-discard/
设定一段时间後自动卸载没有使用的分页。
Auto Tab Discard预设会为卸载分页加上Zzz的图示，
但是Sidebery卸载状态的分页会自动变灰色，
显示很清楚完全不需要难看的Zzz，
所以你可以在Auto Tab Discard的设定中将Zzz删除。
※ 编辑: YuQilin (61.228.163.81 台湾), 11/25/2024 22:08:34
15F：→ dirtywestwes: 刚加入火狐帮，感谢热心解惑，一点红包不成敬意 11/25 22:51
16F：推 simbafs: 这个太棒了，真好看 11/26 01:04
17F：推 rockmanx52: 请问有没有把左上三个视窗功能键换回Windows预设模式 11/26 03:52
18F：→ rockmanx52: 的方法？ 11/26 03:52
19F：→ YuQilin: 网址栏输入about:config 搜寻或新增 11/26 08:26
20F：→ YuQilin: `uc.flex.revert-to-original-window-controls` 11/26 08:26
21F：→ YuQilin: 设为 true 11/26 08:26
22F：→ YuQilin: @dirtywestwes 感谢你的红包 11/26 08:33
23F：→ dirtywestwes: 装完好像还变快了 11/26 08:56
24F：推 rockmanx52: 感激！ 11/26 16:51
25F：推 leon19790602: 请问一下，如果想要保留布景主题要如何操作，用了後 11/27 20:00
26F：→ leon19790602: 布景主题好像就不会生效了，谢谢! 11/27 20:00
是的 会盖掉布景主题 这是继承自VerticalFox的特性
我有计划把它改掉 不过还没写
你打开uc-variables.css 找到
--bg: #1a1b26;
--bg: #f1f5f9;
这二行 把它改成
--bg: var(--toolbar-bgcolor);
布景主题就会生效了
但是Sidebery侧边栏 原生就不会跟着布景主题变动
原本FlexFox的侧边栏和工具列的色彩是统一的
启用布景主题後 需要手动修改Sidebery的样式
我有在Sidebery的样式里面预留可以放置背景图片的位置
你找出使用的主题的背景之後 把它放入预留的空位就可以了
※ 编辑: YuQilin (114.37.120.248 台湾), 11/27/2024 20:46:57
27F：推 leon19790602: 成功了!非常感谢你，这次更新到133真的让userchrome 11/27 21:09
28F：→ leon19790602: .css写好的TST自动隐藏侧边栏失效，还好有Sidebery 11/27 21:09
29F：→ leon19790602: 跟你的FlexFox，再次感谢Y大 11/27 21:09
30F：推 leon19790602: Y大想再请教一下，自动缩起後的侧边栏，能否有参数 11/27 21:29
31F：→ leon19790602: 改缩起来的宽度，因为我看缩起来後，最下方的书签小 11/27 21:29
32F：→ leon19790602: 图标有露出来一点，想再自行缩小几个px 11/27 21:29
33F：推 leon19790602: 我自己找到了 --uc-sidebar-width: 44px 这里 11/27 21:50
34F：→ leon19790602: Y大提供一个小缺陷，以後更新看能不能修改，就侧边 11/27 21:50
35F：→ leon19790602: 栏上方隐藏的Sidebery展开後，在白色背景下Sidebery 11/27 21:50
36F：→ leon19790602: 字样会被盖掉，如下图红框 11/27 21:50
38F：→ YuQilin: 我的不会耶 FlexFox预设应该是这个样子 11/27 22:30
40F：→ YuQilin: 看图好像是侧边栏的表头没有正确展开到 11/27 22:30
41F：→ YuQilin: --uc-sidebar-hover-width所设定的宽度 11/27 22:30
42F：→ YuQilin: 你有修改其他地方吗？ 11/27 22:30
43F：→ YuQilin: 还有书签不应该会露出来 11/27 22:30
44F：→ YuQilin: 我当初就是因为Sidebery的图示没有对齐 11/27 22:30
45F：→ YuQilin: 强迫症发作 所以才动手改样式的XD 11/27 22:30
46F：推 leon19790602: 好怪，我userChrome.css没其他了，书签露出应该算是 11/27 23:16
47F：→ leon19790602: 小问题我调38就好，表头那个就真的不晓得了，反正无 11/27 23:16
48F：→ leon19790602: 伤功能不管它了，还是谢谢Y大 11/27 23:16
49F：推 leon19790602: Y大，表头那个我找到问题了，是把那两行改成布景主 11/28 01:08
50F：→ leon19790602: 题那行造成的，改了後，除了预设的黑白主题，其他下 11/28 01:08
51F：→ leon19790602: 载的主题都会那样，差别在有深有浅有透明(依主题不 11/28 01:08
52F：→ leon19790602: 同)，其实不影响功能也没差，跟你报告一下而已 11/28 01:08
53F：推 DrRd: 好棒！ 11/29 22:17