← 全部文章

前端窗口

TEMP pane —— Ctrl+Alt 快捷键下的一次性开发窗口

15 5月 2026 · 作者 JustZix Team

不是每个改动都值得一条永久规则。你落在别人的页面上，对 DOM 有个问题，或者想插一点 CSS 用一分钟 —— 仅此而已。这就是 TEMP pane 存在的理由：在任何页面上用一个快捷键调出的窗口，用一会儿，刷新时消失。零配置，在你的规则里不留痕迹。

TEMP 和普通窗口有何不同

JustZix 有四种页内窗口类型 —— CSS pane、JS pane、JS Console 和 Output Console。通常你在扩展面板里创建它们，它们属于一条规则：会保存、刷新后回来、在设备间同步。对你每天用的东西很棒。

一个 TEMP pane 是同样的窗口类型，但短暂的。它不源于规则 —— 它源于一个键盘快捷键。它活在标签页的 sessionStorage 里，所以：

• 它立刻出现，在任何页面上，无需创建任何规则。
• 它在页面刷新或标签页关闭时消失。
• 它永远不会进入同步或备份 —— 不会弄乱你的配置。

四个快捷键

这些快捷键全局生效 —— 无需先在扩展里点击。你在页面上按它，窗口就在那里了。

再按一次关闭 —— 切换

快捷键是一个开关。第一次按创建窗口，第二次按关闭它。没有不小心把五个 TEMP CSS 窗口叠在一起的风险 —— 每种类型同时最多一个 TEMP 窗口。

你也可以用窗口头部的 × 关闭它，或者在栏上右键选「关闭」。从 v3.2.2 起，这两种方式都只会隐藏窗口 —— 内容、日志和几何位置会留在 sessionStorage 里，直到你再打开一个同类型的窗口或者关闭标签页。这修复了一个早期问题：误点 × 会导致数据丢失。

头部的「清空」按钮 —— 受控清空（v3.2.3）

当你确实想清空一个 TEMP CSS 或 TEMP JS 窗口时，头部在 × 按钮旁边带有一个垃圾桶图标按钮 —— 「清空」。清空操作会进入撤销历史（Ctrl+Z 可以把它带回来），对 TEMP CSS 来说，它会立刻更新页面上实时的 <style>。这就把两个意图分开了：隐藏窗口（×）和清空它的内容（垃圾桶）。

刷新即消失 —— 这正是重点

这不是限制，这就是整个想法。一个 TEMP pane 存在的意义就是让你能快速查点东西而不留下杂乱。你打开了一个客户的页面，按了 Ctrl+Alt+J，查了 document.querySelectorAll('.price').length，按 F5 —— 页面又干净了，仿佛你从没来过。

如果你发现自己第三次打同样的 TEMP 代码 —— 那是把它变成永久规则的信号。

不同的颜色 —— 你不会把它和已保存的窗口搞混

持久窗口按类型着色（绿、琥珀、紫、翠绿）。TEMP 窗口获得一套单独的调色板 —— 橙、红、粉、青 —— 用在整个窗口边框、头部强调和状态点上。一眼你就知道这是个短暂窗口，不是你已保存的配置。

使用场景 1 —— 不留痕迹地调试别人的页面

一个经典。你撞上一个行为古怪的页面。Ctrl+Alt+K 打开 Output Console —— 你看到页面记录了什么、抛了什么错。Ctrl+Alt+J 打开一个 JS Console 来查询 DOM。完事 —— 刷新，消失。

使用场景 2 —— 不弄乱规则的一次性 CSS

你想把一个粘性头部关掉五分钟，因为它挡住了你正在读的东西。Ctrl+Alt+G，打 header{position:static!important}，安静地阅读，关闭。没有创建任何之后要清理的规则。

使用场景 3 —— 生产环境里的 REPL

你想在一个上线页面上检查 API 行为。Ctrl+Alt+H 打开一个 TEMP JS pane —— 粘 fetch('/api/...').then(r=>r.json()).then(console.log)，用 Run 按钮执行它，结果落进控制台。刷新之后代码消失 —— 不会留在任何之后某人可能误启动的规则里。

为什么偏偏是 G/H/J/K

它们是右手相邻的按键，Vim 簇风格 —— 在手指下很顺手。Ctrl+Alt+H/J/K/L 会更自然，但 Linux（GNOME）上 Ctrl+Alt+L 会锁屏 —— 操作系统在扩展看到之前就捕获了快捷键。所以我们把整个簇往左移了一个键。G/H/J/K 在所有常见浏览器和操作系统上都是空闲的。

坑

• 刷新清空窗口。这是设计如此 —— 如果你需要持久性，做一条规则。
• 每种类型一个窗口。你需要同时两个控制台？把第二个做成持久 pane。
• 按标签页。一个 TEMP pane 只活在你打开它的那个标签页里 —— 同一页面的另一个标签页没有它。

另见

• TEMP vs 持久窗口 —— 一个决策模型
• 浏览器标签页里的迷你 IDE —— 所有窗口的概览
• Output Console —— 观察页面日志

安装 JustZix —— 在每个页面上把四个开发窗口保持在一个快捷键之遥。