Lazy loaded image
后续新增适配网站的方法
Words 634Read Time 2 min
2026-1-13

精简版

  1. services/sites.config.js 文件,新增选择器
  1. manifest.json 文件,增加新网站的权限和内容脚本注入规则
  1. 基本不改content.js
 
 
 
 

参考

好的,如果您后续要增加适配的网站,例如 Claude,主要需要在以下几个地方进行修改:
  1. manifest.json 文件
      • host_permissions: 您需要在这里添加新网站的 URL 模式。这是为了授予扩展程序在新网站上运行的权限。例如,如果 Claude 的网址是 claude.ai,您可能需要添加 "*://*.claude.ai/*"
      • content_scripts.matches: 同样,您也需要在这里添加新网站的 URL 模式。这会告诉浏览器在访问这些网站时注入 content_loader.js(进而加载 content.js)。
  1. services/sites.config.js 文件
      • 这个文件是专门用来配置不同网站的适配规则的。您需要为 Claude 添加一个新的配置对象。这个配置对象会包含:
        • urlPattern: 匹配 Claude 网站的 URL 正则表达式。
        • selector: 用于定位 Claude 网站上提示词输入框的 CSS 选择器。这是最关键的部分,需要您检查 Claude 网站的 DOM 结构来确定。
        • isDiv: 如果输入框是一个 div 元素(例如 contenteditable 的 div),则设置为 true;如果是 textarea 或 input,则设置为 false
        • buttonStyle (可选): 如果 Claude 网站的布局需要特别调整优化按钮的位置或样式,可以在这里添加 CSS 样式。
  1. content.js 文件
      • content.js 是核心的内容脚本,它会根据 sites.config.js 中的配置来注入优化按钮。通常情况下,如果您在 sites.config.js 中提供了正确的选择器,content.js 不需要做大的改动。
      • 但如果新网站的交互方式非常特殊,或者输入框的行为与现有网站有很大不同,您可能需要对 content.js 中的事件监听或 DOM 操作逻辑进行微调。
总结来说,主要步骤是:
  1. 更新 manifest.json 增加新网站的权限和内容脚本注入规则。
  1. 在 services/sites.config.js 中添加新网站的配置,特别是其输入框的 CSS 选择器。
  1. (可选)根据需要微调 content.js 以适应新网站的特殊行为。
您可以通过打开 Claude 网站,然后使用浏览器的开发者工具检查其提示词输入框的元素结构,来获取 selector 和 isDiv 的准确信息。
 
上一篇
Game
下一篇
The secret life of pet