编辑器：标签页中的行数计数器、更宽的滚动条与更长的动作标签
大改动（shadow DOM、深色模式、AI Helper）会占据头条；UX 上的小打磨却不会——而恰恰是这些打磨改变了你每天使用一件工具的方式。在 v3.2.80–82 中，我们交付了四件小事，合在一起让规则编辑器的使用体验明显更舒服。
CSS / JS / Actions 标签页中的行数计数器（v3.2.82）
规则编辑器的每个标签——CSS、JS、Actions——现在都在名字旁边带有一个行数徽章。这与早已显示动作数量的 Actions 标签同理。
为什么：当你看一组规则时，可以一眼看出主体在哪里。87 行 CSS + 12 行 JS + 3 个动作——扫一眼就知道这组规则属于中等复杂度，且大部分逻辑在 CSS 里。以前你必须逐个打开标签才能判断这一点。
一个小小的技术细节：计数器会在输入时实时更新（200 ms 防抖），因此徽章不会在每次按键时闪烁。
窗口中更宽的滚动条：10 → 14 px（v3.2.80）
开发者窗口（CSS 面板、JS 面板、JS Console、Output Console、AI Helper）的内部滚动条原本宽 10 px——这与右边缘 8 px 的拖动调整大小手柄发生冲突。很容易抓到手柄而不是滚动条，结果意外地改变了窗口大小。
改完之后滚动条宽 14 px——更容易抓住，调整大小的手柄依旧存在，但明显处于滚动条边缘之下。冲突没了，焦躁也没了。
动作标签 8 → 12 字符（v3.2.81）
条形栏中的动作标签原本被硬编码限制在 8 字符。对于 "Dark"、"Hide" 之类没问题——但和 AI Helper 一起工作时，它经常想建议一个更长、更具描述性的名字（"Hide ads"、"Wide column"）——结果被截断。
新的上限是 12 字符。UI 与后端保持一致——AI Helper、编辑器、条形栏渲染、设置面板——大家说的都是同一个长度。标签现在可以承载更多关于每个动作具体做什么的上下文。
文件夹工具栏重新组织（v3.2.80）
文件夹头部工具栏（文件夹编辑面板）过去把一切都放在同一行：Export、Import、Delete + Group、Bar、Window。六个按钮并排——视觉上彼此融在一起，很难一眼快速找到要的那个。
新的布局是两行：
- 顶部：Export / Import / Delete——对文件夹整体进行的操作，位于 URL patterns 字段之上。
- 底部：+ Group / + Bar / + Window——创建子元素，与文件夹操作明确分开。
两个逻辑分组，扫一眼即可清晰辨认。
同一批次中的其他小收益
与主要变化一起，还有一小撮虽小但很贴心的调整：
.rules-area容器的对称内边距——14 px（v3.2.88）——之前右侧是 24 px，是早期 UI 迭代留下的不对称遗产。- 从另一台设备同步时编辑器保留滚动位置（v3.2.82）——当另一台设备修改规则时，CodeMirror 不再跳回位置 0，而是把你留在原来的位置。
- 下拉锚点按钮——第二次点击会关闭它（v3.2.89）——修复了一个 bug：原本由按钮打开的下拉只能通过点击外部来关闭，再次点击按钮无法关闭。
另见
- 页面窗口——更宽滚动条所覆盖的所有开发者窗口的总览
- JustZix 键盘快捷键——完整的键盘速查表
- 页面旁的编辑面板——另一种处理日常规则编辑的方式
安装 JustZix——在细节中感受差别。
为这篇文章评分
暂无评分 — 成为第一个。