JustZix 功能

你定义一个 URL 模式，编写 CSS 和/或 JS 代码——扩展会在每次页面加载时自动注入。每条规则都有自己的编辑器，带语法高亮（CodeMirror）。

• CSS 通过文档 head 中的 <style> 标签注入——可使用完整的优先级。
• JS 通过 chrome.scripting.executeScript 在页面的 MAIN world 中执行——99% 的情况下绕过 CSP，可访问 window。
• 在浮动工具栏上一键启用 / 停用单条规则。
• 编辑器支持深色/浅色主题、行号、搜索和可拖动的尺寸调整条。

了解更多 →

四层结构，可从“一次快速 CSS 修复”扩展到“12 个客户项目中的 100 条规则”。开关沿层级向下级联。

• 文件夹 — 最高层级，拥有自己的 URL 模式和浮动按钮的 3 字母标签。
• 分组 — 文件夹内部的子组织。每个文件夹至少有一个分组（默认为“默认”）。
• 规则 — 真正的 CSS/JS 单元。隶属于一个分组。可设置可选的 URL 模式以进一步缩小范围。
• 操作 — 操作面板中的可点击按钮，按需运行自定义 JS。

文件夹 "client-acme"
├── 分组 "styles"
│   ├── 规则 "隐藏广告"
│   └── 规则 "深色模式"
└── 分组 "操作"
    └── 规则 "QA 工具栏"
        ├── 操作 "FILL"
        ├── 操作 "CLR"
        └── 操作 "COPY"

了解更多 →

可按精确 URL、整个网站、所有子域名，或任何匹配子字符串的内容进行匹配。模式可在文件夹 + 分组 + 规则层级上叠加，实现精细控制。

• https://example.com/admin — 仅精确 URL
• https://example.com/* — 网站的所有页面
• https://*.example.com/* — 所有子域名
• *://localhost:*/* — 任意本地应用、任意端口、任意协议
• *staging* — 任何包含“staging”的 URL

了解更多 →

在每个匹配你某个文件夹的页面上都会出现一个小圆形按钮。一次点击即可开启/关闭所有匹配的文件夹。颜色可一目了然地显示当前状态。

• Inject Green（或你文件夹的颜色）——所有匹配的文件夹已启用。
• Syntax Orange — 部分启用、部分停用（混合状态）。
• Muted Gray — 全部停用。
• Halt Red — 扩展已全局关闭。
• 右键点击会打开一个面板，列出所有匹配的文件夹/分组/规则，可逐一切换。
• 拖动即可重新定位。位置按窗口记忆。

了解更多 →

第二条带交互式控件的浮动栏。每个操作是六种类型之一——从简单按钮到滑块或三态开关。每个都有标签、颜色和可选的键盘快捷键；该栏会记住自己的位置，右键点击可将其隐藏至本次会话结束。

• BUTTON — 一个一触即发的按钮：点击即运行 JS 代码。
• SELECT — 一个下拉列表；静态选项或由 JS 生成，选择一项即触发操作。
• INPUT — 栏中的文本框，命令栏风格——输入一个值并确认。
• SLIDER — 一个实时控制 CSS 变量的滑块（例如亮度、缩放）。
• TEXTAREA — 一个多行便签，内容按域名记忆。
• TOGGLE3 — 一个三态分段控件（例如 dev / staging / prod）。

了解更多 →

在任何规则的 JS 或任何操作按钮的代码中，你都可以访问两个全局对象。window.JZ 控制操作按钮——以编程方式调用它们、串联工作流、与 mutation observer 集成。window.JUSTZIX 是一个直接写入 Output Console 窗口的日志器——无需 DevTools。

• JZ.click('LBL') — 以编程方式点击标签为“LBL”的操作按钮。
• JZ.action('LBL') — 获取按钮的 DOM 元素（设置样式、检查属性）。
• JZ.actions() — 所有可见操作按钮的数组。
• JZ.labels() — 原始标签的数组（保留大小写）。
• 查找不区分大小写。JZ.click('btn') = JZ.click('BTN')。
• JUSTZIX.log() / .warn() / .error() / .info() / .debug() — 向 Output Console 写入一条记录（别名：__JUSTZIX__、JZ.log 等）。

// 操作“AUTO”——串联其他三个操作
JZ.click('LOAD');
setTimeout(() => JZ.click('PROC'), 500);
setTimeout(() => JZ.click('SAVE'), 1500);

了解更多 →

一个 25 位字符的同步密钥关联你的账户。所有规则、设置和更改通过带 Lamport 时间戳的按实体 Last-Write-Wins 几乎实时传播。

• 密钥在本地生成——后端永远看不到明文形式（仅 SHA-256 哈希）。
• 冲突按实体解决——绝不会整体覆盖“你的所有设置”。
• Tombstone 正确传播删除操作。
• 登录时的冲突解决界面：使用服务器 / 发送本地 / 合并 LWW。
• Status 标签：同步历史、云端库视图以及与账户的完整重新同步。
• 12 个月后清理闲置账户（提前 30 天发送提醒邮件）。
• 通过邮件恢复——丢失的密钥会签发一个新的。

了解更多 →

移动数据的两种方式：与他人分享的临时公开链接（JZS-XXXX-XXXX-XXXX-XXXX，TTL 1–48 小时）以及供自己使用的自动每小时/每日/每周备份。

• 分享 TTL：1 小时 / 6 小时 / 12 小时 / 24 小时（默认）/ 48 小时。令牌自动过期。
• 接收方在导入前会看到预览——若包内含 JavaScript 会显示 JS 警告横幅。
• 五种导出格式：justzix-full、partial、folder、group、rule。
• 备份：24 份每小时 + 30 份每日 + 8 份每周，自动清理较旧的。
• “我的分享”面板，带下载计数器和撤销按钮。

了解更多 →

五种直接渲染在页面上的开发窗口——无需 DevTools。你可以拖动它们、边对边吸附，并组合成一个迷你仪表盘。每个窗口都可以是持久的（绑定到某条规则）或临时的（TEMP，由快捷键调出）。

• CSS pane — 实时 CSS 编辑器，更改即时显示，内容按标签页保存。
• JS pane — 按需运行的 JS 编辑器，带 Run 按钮（Ctrl+Enter）。
• JS Console — 页面内的 REPL：输入、回车、得结果；用方向键浏览命令历史。
• Output Console — 页面日志查看器，含 6 个带计数的标签页：All、JZconsole、console.*、Network、错误和 dataLayer 推送。Network 标签提供按域名、大小和时间的过滤器。
• AI Helper — 内置 AI 助手（OpenAI / Anthropic / Gemini）：检查页面、在 TEMP 窗口中测试代码，并在你确认后创建规则。
• 编辑器内搜索 — 每个 CSS/JS 编辑器上方都有搜索栏：匹配计数、高亮、Ctrl+Alt+←/→ 快捷键。
• TEMP panes — Ctrl+Alt+G/H/J/K 下的同款窗口，临时性的，重新加载后消失。
• Drag & snap & connect — 拖动窗口、按边缘吸附、组合成分组。
• 按窗口个性化 — 从右键菜单设置颜色、字体和大小。

Ctrl+Alt+G  →  TEMP CSS pane
Ctrl+Alt+H  →  TEMP JS pane
Ctrl+Alt+J  →  TEMP JS Console
Ctrl+Alt+K  →  TEMP Output Console
Ctrl+Alt+\  →  AI Helper

了解更多 →