作者YuQilin (神兽)
看板Browsers
标题Re: [-Fx-] Firefox 137.0 released
时间Wed Apr 9 13:15:04 2025
以前有人问要如何知道Firefox改版後，
我们自定义的使用者样式会失效。
今天刚好碰到一个例子。
Firefox有一个独特的功能 ── 容器分页，
容器分页上有标志不同身分颜色的衬线。
在v137的原生垂直分页，这个衬线会显示在左侧，
https://i.imgur.com/KZSEdTV.png
而到了v138之後则改到了右侧。
https://i.imgur.com/Dzicw6Z.png
放在右侧比较好，因为左侧会有树状分支的群组衬线，
二条线都在左边，如果将来要做多层分支的时候，
就会分不清楚左边的衬线是容器的标志还是树枝。
https://i.imgur.com/Qe3vWFh.png
但是v138+放在右侧的衬线的显示效果不好，
我看了难受，所以做了一些调整。
结果昨晚打开Nightly一看，
写好的样式又全灭了XD
用浏览器工具箱可以找到这条衬线是 `.tab-context-line`，
然後到
https://searchfox.org/ 搜寻 `.tab-context-line`，
搜寻结果会显示
> browser/components/contextualidentity/content/usercontext.css
> 121 .tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-
context-line {
点 > 121 这一行进去，会显示这条衬线的原生CSS是
...... .tab-context-line {
#vertical-pinned-tabs-container &,
#tabbrowser-tabs[orient="vertical"] & {
height: auto;
width: 2px;
margin: 3px 0;
}
......
点右边的 Mercurial log，
找最近的日期，4/7日那笔变更，按下diff，会显示
...... .tab-context-line {
#vertical-pinned-tabs-container &,
#tabbrowser-tabs[orient="vertical"] & {
- position: absolute;
- inset-inline-end: 0;
- height: calc(100% - 4px);
- margin: 0;
- margin-inline-end: 3px;
+ height: auto;
width: 2px;
+ margin: 3px 0;
}
}
这样就可以很快找出更新到底改了什麽，
甚至可以捡回原来的设定。
目前Nightly的衬线因为高度的关系几乎完全看不到，
这是因为负责这个修改的开发人员还在开发中，
所以样式随时会变动。
遇到这种情况建议暂时放弃自定义修改这个元素，
等衬线的设计进入稳定版以後再说，
不然之前花费的心血可能很快会付之东流。
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 61.228.145.34 (台湾)
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Browsers/M.1744175712.A.BE1.html
1F：→ YuQilin: Mercurial log会显示这个更新对应的bugzilla 04/09 13:29
2F：→ YuQilin: 如果对更新有意见 也可以在bugzilla加入讨论 04/09 13:29
3F：→ YuQilin: 我刚看到衬线的问题竟然已经结案了？？？ 04/09 13:29
4F：→ YuQilin: 傻眼 04/09 13:29
5F：推 MK47: 辛苦了 真是会让人傻眼的更动情况 04/09 20:11
6F：推 rockmanx52: 反正先等这波稳定再重装好了 感谢作者的辛劳... 04/10 04:14
7F：推 leon19790602: Y大，最新的3.02，在uc.flex.allow-addons-to-chang 04/15 18:54
8F：→ leon19790602: e-toolbar-color为true的情况下，选单列不会跟所选 04/15 18:54
9F：→ leon19790602: 的主题一起变化，先前的版本是可以的，回报一下。 04/15 18:54
10F：→ YuQilin: l大，感谢回报，请问选单列是哪里的选单？ 04/15 20:00
11F：→ YuQilin: 还有使用的主题是哪一个？ 04/15 20:00
14F：→ leon19790602: 抱歉没拍到同一主题，但3.02就像上图会被切成一条虽 04/15 20:22
15F：→ leon19790602: 然还是有随主题变化，但会是暗暗的一条 04/15 20:22
17F：→ YuQilin: 我更新了v3.0.3，你试试看。 04/15 23:54
18F：→ YuQilin: 另外，这版也修复了在启用新版侧边栏时， 04/15 23:54
19F：→ YuQilin: 且完全隐藏Sidebery或全萤幕模式下， 04/15 23:54
20F：→ YuQilin: 侧边栏彩带无法展开的问题。 04/15 23:54
21F：→ YuQilin: 修复这个问题後，v3版本的FlexFox就顺利完成 04/15 23:54
22F：→ YuQilin: 整合Sidebery和原生垂直分页的目标。 04/15 23:54
23F：→ YuQilin: 如今FlexFox在Sidebery和原生垂直分页并用时 04/15 23:54
24F：→ YuQilin: 具有99%左右的FlexFox原本具有的功能 04/15 23:54
25F：推 leon19790602: 3.0.3正常了，谢谢Y大，话说看更新日志Y大一直在弄 04/16 01:14
26F：→ leon19790602: 原生垂直分页相容啊 04/16 01:14