CSS 和 JavaScript 注入
JustZix 将你自己的 CSS 和 JavaScript 代码叠加到你访问的每个页面上。绑定到域名或 URL 模式的规则会在每次访问时自动运行——无需等待网站作者,也无需外部工具。
注入如何工作
JustZix 中的每条规则都是一小段绑定到网络某个位置的代码。你选择它的适用范围——像 example.com 这样的整个域名,或一个精确的 URL 路径——粘贴 CSS、JavaScript 或两者,然后保存。从此扩展会在每次加载匹配页面时自动注入该代码。没有构建步骤,也无需手动运行任何东西。
每条规则都有自己的编辑器,带语法高亮、行号、搜索栏以及浅色或深色主题。你可以并排保存数十条规则,并在浮动工具栏上一键启用或停用其中任意一条。
CSS — 即时改造外观
CSS 通过文档 head 中的 <style> 标签注入,因此你的规则拥有完整的优先级,几乎能覆盖网站提供的任何样式。隐藏 cookie 墙、加宽狭窄的阅读栏、强制深色配色、放大过小的字体——大多数日常修复只需几行 CSS,并在页面渲染的瞬间生效。
JavaScript — 你自己的逻辑
当 CSS 不够用时,规则可以运行 JavaScript。JustZix 在页面的 MAIN world 中执行它,因此你的脚本能看到真实的 window 对象、页面变量及其 DOM——并且绕过大多数阻止内联脚本的 Content-Security-Policy 限制。这就是仅仅隐藏一个元素与真正改写页面行为之间的区别:添加键盘快捷键、自动展开折叠内容、监视延迟加载的元素。
在 Facebook、X 和 GitHub 上也能用
具有严格 Content-Security-Policy 的页面(Facebook、X、GitHub 等等)会拦截内联注入的脚本和 new Function 调用。JustZix 用三层策略翻越这道墙:先尝试通过 chrome.userScripts 运行你的代码(无例外地绕过 CSP);不行则回退到经典的 new Function;万不得已时将脚本作为 <script src="blob:…"> 注入——这是大多数策略允许的形式。这样,你的规则、动作和 TEMP JS 窗口就能在大多数 userscript 扩展第一步就放弃的地方继续工作。
userScripts 路径需要在浏览器设置中启用一次("允许用户脚本"或开发者模式)——一旦某个页面无法通过其他路径触达,扩展会显示精确的说明。其余部分都是自动的:JustZix 会为每个站点选择最佳可用路径。
无需账户,无需授权
注入完全在本地进行。规则存在于你的浏览器中,只为你运行,无需网站作者批准。无需创建账户,也无需付费。你决定运行什么、在哪里运行,并在不再需要时随时关闭它。
面向热门网站的现成 CSS 和 JS 规则就在示例目录中等着你——复制一个、调整一下,不到一分钟你就有了一条可用的规则。
相关博客文章
更深入讲解此主题的文章。