Ctrl+Shift+H 下的快速帮助——完整的页面内指南
Ctrl+Shift+H 这个快捷键曾经只是一个小细节——它会弹出一份简短的 Output Console API 帮助。在 3.0 版中我们把它重新打造成了一份完整的扩展页面内 UI 指南:全局快捷键、窗口内快捷键、Output Console、用鼠标操作窗口、操作栏编辑模式、日志记录。它在每一个启用了扩展的页面上都可全局使用,采用双栏布局,支持 8 种语言。本文就带你看看,这一个按键背后到底藏着什么。
快速帮助现在会展示什么
弹窗中有六张分节卡片,每张都列出要点:
- 全局快捷键——
Ctrl+Alt+G/H/J/K(TEMP 窗口)、Ctrl+Alt+\(AI Helper)、Ctrl+Alt+S(操作栏编辑模式)、Ctrl+Alt+I/O/P(在独立窗口中打开编辑面板)。 - 窗口内——
Ctrl+Enter(运行代码)、↑/↓(JS Console 历史记录)、Ctrl+L(清空控制台)、Esc(关闭搜索栏)。 - Output Console——
Ctrl+Shift+L/K、六个带计数的标签页,在 Network 上Alt+click/Alt+Shift+click(包含/排除域名)、可调整宽度的 DataLayer 列。 - 页面内窗口——用鼠标操作——拖动、8 个调整大小的把手、贴边吸附、标题栏菜单、双击标题栏 = TEMP 窗口尺寸切换、滚动隔离(滚轮不会让下面的页面跟着滚动)。
- 操作栏编辑模式——
Ctrl+Z(撤销)、Delete、Esc、Shift/Ctrl+click 选择、标签。 - 向 Output Console 写日志——
window.JUSTZIX.log/warn/error/info/debug通道(以及JZ和__JUSTZIX__别名),以及被拦截的console.*。
弹窗页脚链接到完整手册(扩展内的 help-*.html)——当你需要更深入的背景时,它总是触手可及。
双栏布局(v3.0.1)
第一版是一个仅有 640 px 的窄窄单列,你得不停滚动。现在弹窗的宽度是 min(1040px, 94vw)——屏幕给多少空间,它就用多少。内容分成两列,每个章节都是一张独立卡片(背景、边框、淡淡的阴影)——一目了然的布局,而不是一堵文字墙。带有完整手册链接的页脚位于滚动区之外——永远固定在底部可见。在宽度小于 720 px 的屏幕上,两列会自动合并为一列,但不会牺牲可读性。
全局可用——不再依赖 Output Console
之前的 Ctrl+Shift+H 监听器,只有在页面上首次渲染了 Output Console 之后才会注册。如果某个标签页里没有任何 Output Console,这个快捷键就什么也不会发生。从 v3.0 开始,监听器会在 content script 启动时就装上,在每一个启用了扩展的标签页上全局工作。无论你有没有打开任何窗口——按 Ctrl+Shift+H,完整的速查表就会出现。
如何打开和关闭
这个快捷键在所有操作系统上都是一样的:Ctrl+Shift+H 打开弹窗,再按一次就关闭。你也可以通过以下方式关闭:
Esc——最自然的退出手势;- 点击弹窗之外的任何位置(页面上任何地方都行);
- 弹窗右上角的 ×。
弹窗是可拖动的——抓住标题栏就能挪走它,免得挡住你正在看的内容。位置会按标签页记住。
八种语言——不依赖任何外部资源
内容被翻译成了 8 种语言(PL、EN、DE、ES、FR、IT、RU、ZH),存放在 lib/i18n.js 字典的 helpPopup.* 键下。弹窗语言会跟随扩展的 UI 语言——在选项里切换语言,弹窗也会跟着变。弹窗本身由 content script 直接渲染,不依赖任何外部字体或资源——离线也能用。
为什么要做这个改动
过去,新用户按下 Ctrl+Shift+H,看到的是几行关于 window.JUSTZIX.log API 的说明。那是精准的帮助,但太窄了。然而,绝大多数问题其实围绕着如何操作窗口、TEMP 快捷键、操作栏编辑和 Output Console——这些都要从完整手册里翻出来。弹窗本来应该是「触手可及的速查表」,却变成了仅针对一个 API 表面的指南。3.0 版让它回归本意:用一个按键,提供完整的页面内速查表。
另请参阅
- JustZix 键盘快捷键——完整速查表——弹窗以可视化方式呈现的内容,这里是文字版
- 把编辑面板放在页面旁边——Ctrl+Alt+I/O/P——弹窗中列出的快捷键分组之一
- 页面内窗口——「页面内窗口——用鼠标操作」一节描述的开发者窗口
安装 JustZix——让每一个页面上,一个按键就能调出完整的页面内速查表。
为这篇文章评分
暂无评分 — 成为第一个。