Web Potions 推出 Chrome 扩展，可让 ChatGPT 或 Claude 重设网页样式

调出你想要的网页。 移除碍眼的东西，重新设计难看的样式，突出重要的内容， 把那些没人需要的弹窗统统藏起来。 ⚗️ 添加到 Chrome。在 Chrome 应用商店免费获取。 你整天都在看网站，它们展示什么，什么就直接进了你的脑子。Web Potions 是一款 Chrome 扩展，让你决定什么能进来。 每一次调整就是一个 potion：一小包改动，在你选定的网站上自动运行。你可以通过点击来调配一个，也可以倒入自己的 CSS 和 JavaScript。一个扩展，取代一抽屉半死不活的工具。 有现成的 potion 可以直接上手。安装 Web Potions 后，点击工具栏弹窗里的 Browse，然后点 Get 任意一个。一键即可上架。 调配出了好用的？把它分享为 .potion.json，放进 potions/ 目录，运行 node scripts/build-catalog.mjs，然后提交 pull request。 在 Chrome 应用商店打开 Web Potions，点击 Add to Chrome。 打开的欢迎页面会引导你完成两个快速步骤：开启 Allow User Scripts，然后把紫色的 potion 图标固定到工具栏。在任何扩展能在页面上运行你自己的脚本之前，Chrome 都会要求开启 Allow User Scripts。 支持 Chrome 135 及以上版本。 想在改动进入商店之前先试用，可以自行加载。只需一分钟： 每个副本各自保留自己的 potion。要把它们从一个副本迁移到另一个，打开 Settings（弹窗里的齿轮图标），点击 Export all 导出，然后在另一个副本里点击 Import potions 导入。 在任意页面上，点击工具栏里的 potion 图标，然后点击 Create new potion。 如果页面有顽固的横幅或顽固的滚动问题，它已经列在 Spotted on this page 下面了。点击 Fix，或 Fix all，然后看着它消失。 从网格中添加更多配料，勾选 Works on，然后点击 Save potion。 下次你访问时，potion 会在页面加载完成之前自动运行。 让驱动你浏览器的 AI（比如 Claude in Chrome）帮你修复网站。它会查看页面，尝试修复，重新加载验证，然后保存有效的方案并启用，全程无需你点击。 你的 AI 必须驱动真实的 Chrome，所以请使用 Claude in Chrome 或类似工具。内置浏览器面板和云浏览器没有你的扩展，因此 AI 无法从那里访问 Web Potions。 关闭的方式和你平时一样。AI 保存的任何内容都会标记为 AI。 Browse 里为你拥有的每个 potion 都提供了开关，也是你删除它们的地方： 网站上的脚本可以发送和你的 AI 相同的消息，所以光有开关并不安全。因此 AI 首先会用真实的键盘操作按下 Ctrl Alt Shift P，页面脚本无法伪造这一操作。这会为一个站点解锁一个标签页，直到离开该站点、关闭标签页或 30 分钟过去。 开启后你接受的风险是：页面可能诱骗你的 AI 保存一个恶意的 potion。那段代码会在 AI 离开后继续在该站点上运行，期间没有点击可以阻止它。因此每次保存都会显示一张带有 Undo 按钮的卡片，而 AI 标记让这些 potion 容易被找到。 操作 效果 右键点击任意内容 → Web Potions → Remove or edit this element 移除、模糊或重新设计那个具体元素 选中文本 → 右键 → Web Potions → Highlight "…" on this site 让那些文字发光。再次操作可更改颜色 右键 → Web Potions → Drink a potion 在此页面上运行任意 potion 一次 Alt Shift Z 开始选取元素 选取时，悬停瞄准，点击打开菜单。↑ 选择父元素，↓ 返回下一层，Esc 停止。它在 iframe 内部也能工作。 配料 作用 Pick & zap 移除、模糊或重新设计任意元素。以 CSS 形式存储，因此页面重新渲染后依然生效 Keyword glow 高亮出现的词语，包括 iframe 内部 Fix scrolling 找回你的滚动条，并让它保持存在 Image veil 模糊或遮挡图片，直到你悬停其上 Custom CSS 你自己的样式表 Custom JS 你自己的脚本，可循环或仅运行一次，立即或延迟执行 工具栏弹窗 Active：列出在此网站上运行的 potion，每个都有一个开关。正在冒泡的就是当前活跃的。 Search 会找到你架子上的任意 potion，让你可以在这里 Drink 它，即使它的网站并不匹配。网站只决定 potion 在哪里自动运行。 下面是你整个架子，最新的在前。 Browse，或顶部的计数器，会打开一个包含你所有 potion 的页面，每个都有开关，还有现成 potion 的目录。齿轮打开设置： AI mode、导出全部、导入 potion、更改快捷键。 模式 匹配 .reddit.com/ reddit.com 及所有子域名 reddit.com/r/* 网站的一个板块 news.ycombinator.com/item* 以该路径开头的页面 https://example.com/exact/page 仅该页面 * 所有地方 自定义 JavaScript 你的脚本以 async 函数运行，并带有一个 potion 辅助对象： const sidebar = await potion.waitFor('.sidebar'); // 等待它出现 sidebar.remove(); potion.css('body { font-family: Georgia, serif }'); // potion 停止时会被移除 potion.every(5000, () => console.log('still here', potion.runs)); potion.onStop(() => console.log('bye')); Repeat every 让它循环再次运行（0 表示只运行一次）。First run after 在首次运行前等待（0 表示页面就绪后立即运行）。脚本在各自隔离的世界中运行。勾选 Run in the page's own context 可访问页面自身的变量，就像 DevTools 控制台那样。 调配窗口中的 Share 可将 potion 复制为 JSON 或下载为 .potion.json 文件。在设置中，你可以导出整个架子，并导入文件或粘贴的 JSON。在添加任何内容之前，你都能看到里面是什么。 注意：一个 potion 可能携带会在其匹配的每个网站上运行的 JavaScript。只导入你信任的人提供的 potion。 没有服务器，没有分析，没有账号。你的 potion 保存在此扩展在 Chrome 的本地存储中，除非你导出，否则一直留在那里。Web Potions 唯一从互联网获取的东西是目录，也就是当你打开 Browse 时从这个仓库获取的一个纯文件。不会附带任何关于你的信息。 AI mode 在你开启之前是关闭的，而且 Web Potions 依然不会向任何地方发送任何东西。你的

（原文较长，此处译出前 6000 字，完整内容请点「打开原文」。）