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