pane 头部的右键菜单 —— 右键 = 字体、字号、断开、停用
一个 pane 在屏幕上。你想把它从吸附组里拆出来。或者把它的字体改成 Fira Code。或者停用它让它暂时消失。没有右键菜单的话，你得去选项页（3 次点击）、编辑 pane、保存、回到页面。有了右键菜单（栏自 v2.13.42 起，CSS pane 自 v2.13.55 起，带字体的所有 pane 自 v2.13.70 起）—— 在头部右键，1 秒钟。
右键菜单里有什么
在 .jz-pane-header（pane 顶部那条窄条，也就是你抓来拖动的那条）上右键，会打开一个带 4 个区域的悬浮菜单：
| 区域 | 选项 | 持久性 |
|---|---|---|
| 吸附连接 | 「从 X 断开」（按连接）·「断开所有连接」 | 持久 |
| 显示 | 「停用此 pane」（CSS pane）或「隐藏到刷新为止」（栏） | 持久 / 按标签页 |
| 字体 | 6+ 种等宽字体列表 —— Default、Fira Code、JetBrains Mono、Cascadia、Consolas、Menlo、ui-monospace | 按 pane，持久 |
| 字号 | 10-20px 的字号（步长 1px） | 按 pane，持久 |
一切立即应用 —— 无需 F5，无需保存按钮。把字体改成「Fira Code」→ 如果系统装了这个字体，你立刻看到连字（===、!==、→）。
对全部 4 种 pane + 栏都有效
右键菜单是统一的 —— 同一个 showBarContextMenu(id, x, y) 处理 5 种元素类型。从 ID 前缀检测类型：
ab_*→ 动作栏 —— 除字体/字号外的所有选项cp_*→ CSS pane —— 完整菜单jp_*→ JS pane —— 完整菜单jc_*→ JS Console —— 完整菜单oc_*→ Output Console —— 完整菜单
动作栏没有字体/字号（它的内容是按钮，不是供阅读的文本）。CSS pane/JS pane 有 —— 因为那里你读/写代码。
使用场景 1 —— 断开一个吸附连接
你有一个组：动作栏 + CSS pane + Output Console 垂直吸附。你想把 Output Console 拽出来挪到另一个显示器上。没有右键菜单 —— 你得把它拖到离组 >20px，但那样吸附会「懒散地」断开，而位置可能近到又重新吸附上。
有了右键菜单 —— 在 Output Console 的头部右键 → 「断开所有连接」。连接没了。现在 Output Console 可以被拖到任何地方而没有重新吸附的风险。额外好处：「从 CSS pane 断开」（按连接）保留其他连接不动 —— 对那种你只想断开一条边的三元素组很有用。
使用场景 2 —— 暂时隐藏一个 pane
你在重构 CSS。CSS pane 开着，里面是一份 200 行的样式表。来了一封邮件 —— 你想在同一标签页里用 Gmail 回复。pane 在视觉上碍事。
- CSS pane → 「停用此 CSS pane」：pane 没了。持久 —— F5 不会把它带回来。通过 widget 弹窗重新启用（点击工具栏里的 JustZix 图标），或 chrome → JustZix → 「CSS 窗口」→ 复选框。
- 动作栏 → 「隐藏到刷新为止」：栏只在这个标签页消失，直到下一次 F5。更轻量，一个「仅此刻」的开关。
有意的区别：pane（CSS/JS/Console/OC）有「停用」= 持久（它们的角色是「这个应该一直可见」）。栏有「隐藏到刷新为止」= 短暂（栏默认可见，所以停用 = 「不是现在」）。
使用场景 3 —— 为 CSS 编辑器用 Fira Code 字体
pane.body 的默认字体是系统等宽 —— 可读，但没有连字。如果你本地装了 Fira Code：
- 在 CSS pane 头部右键 → 字体 → 「Fira Code」。
- 编辑器立刻渲染连字：
=>显示为 →，!==显示为 ≠，>=显示为 ≥。 - 按 pane 改变 —— 每个 CSS pane / JS pane / Console 都可以有自己的字体。
提供的列表：Default（系统等宽）、Fira Code、JetBrains Mono、Cascadia Code、Consolas、Menlo、ui-monospace。如果系统没有某个字体 —— 浏览器回退到 monospace（和 Default 一样）。没有错误，没有警告 —— 优雅降级。
使用场景 4 —— 给迷你仪表盘用 10px 字号
你在为一台 4K 显示器搭建个人仪表盘。CSS pane + JS pane + Output Console 吸附在右下角，每个 300×200px。默认字号（约 13px）让文字塞不太进去。
右键 → 字号 → 10px。三次（每个 pane 分别来）。现在 200px 高度能塞下约 16 行而不是约 12 行。迷你仪表盘变得信息密集。
反过来为了无障碍：字号 18-20px 给视力有困难的用户更多舒适度，代价是信息密度。
使用场景 5 —— 按 pane 个性化
同一个标签页里三个 CSS pane：
- 「Production styles」 —— Fira Code 13px（舒适）
- 「Quick fixes」 —— Consolas 12px（小，用于 5 行片段）
- 「Color palette」 —— ui-monospace 14px（默认，因为内容只是十六进制色值）
每个 pane 有自己的持久化存储配置。F5 → 一切回到它的字体/字号。跨标签页也是（chrome.storage.local）。
坑
- 右键必须在 .jz-pane-header 上（顶部那条窄条）。在 pane 主体（文本框）上右键会打开浏览器的原生菜单（剪切/复制/粘贴/检查）。这是有意的 —— 主体是「工作区」，头部是「控制区」。
- 动作栏没有字体/字号。动作栏是按钮，不是文本。要放大按钮文字 → 在你的规则里用
color字段 + 自定义 CSS。 - 字体回退是静默的。如果用户选了「Fira Code」却没装它，浏览器通常会静默回退到 monospace。在设置 → 隐私 → 网站设置 → 字体里检查浏览器是否能访问系统字体（在某些配置上它受限）。
- 停用一个 CSS pane 是持久的。容易忘了自己藏过一个 pane → 然后纳闷 CSS 为什么不生效。重新启用的地方：widget 弹窗（点击 JustZix 图标）、chrome → JustZix → 「CSS 窗口」子菜单，或 options.html。
- 断开一个吸附不会移除连接元数据。如果你把 pane 又拖到离它旧邻居 <20px 处，吸附会回来。这是有意的 —— 断开是一次「临时挪动」，不是永久解耦。
接下来做什么
右键菜单是「第二层 UI」—— 快速修改而无需绕道去选项。非常适合那些每天花好几个小时用 JustZix 栏的高级用户。另见：
- 吸附连接 —— 组的完整机制，也就是你正在断开的那些
- 全局快捷键 Ctrl+Shift+L/S/K/H —— 为什么右键并非对所有人都够用
- 标签页里的迷你 IDE —— UI 的完整地图
安装 JustZix —— 完全免费，无需账号，没有服务器。
为这篇文章评分
暂无评分 — 成为第一个。