受"船下一群鹅"大佬启发，想写个插件为特定用户添加自定义标签，不需要自己一行一行的敲代码，
整理好关键点直接让AI生成，现在分享给大家做个参考！

先来看看效果图：


下面这个效果是Chrome插件和篡改猴一起使用的效果：


我用AI开发这个插件，从头到尾只花了 不到1小时（大概40分钟，包括测试）。
以下是让 AI 高效工作的几个关键：

1.清晰描述需求 
直接告诉 AI：“我要一个 Chrome 插件，为草榴社区用户添加标签，支持本地和 GitHub 远程清单，标签要像盖章，带自定义 CSS。” 
关键：需求越具体越好，AI 能一次给个大致框架。

2.提供网页结构 
给 AI 目标网站的 HTML，例如：

複製代碼

1. <th><b>user1</b>
2. <li><span><a>张三</a></span>
3. <td><a>user1</a>

複製代碼

关键：HTML 结构是 AI 写选择器和逻辑的基础。

3.指定功能细节 
告诉 AI：“支持中文”“标签要绝对定位”“排除分页控件（如 <a class="w70">）”。 
关键：细化功能要求，避免 AI 写出不符预期的代码。

4.给出反馈样本 
如果有问题，直接说：“这个 <a class="w70"> 被误标了”或“标签没打在 <b> 后面”。 
关键：具体问题 + 示例，AI 能快速修复。

我的完整代码在 GitHub 上（https://github.com/yptd-1024/mark5），欢迎下载试用或改成你自己的版本！

---

更新篡改猴脚本

四楼大佬 @麋鹿啾啾 要求使用篡改猴，也是用AI转的，现在已经上传Greasy Fork ： https://greasyfork.org/zh-CN/scripts/531044-mark5

---

2025-04-10 更新用户清单模式的说明 +  篡改猴脚本添加额外域名或IP

根据 @301 的信息，更新下用户清单模式的说明和篡改猴脚本添加额外域名或IP


一 用户清单模式说明
在设置页面下拉“用户清单模式”

1. 仅本地 ：插件只标注本地用户清单上的ID


2. 仅远程：插件只标注远程用户清单上的ID
   必要的说明下，远程的用户清单默认地址为 https://raw.githubusercontent.com/yptd-1024/mark5/refs/heads/main/userlist.txt ，目前是我有空的时候在维护更新，有可能有错误的标注，我还在等 @船下一群鹅 大佬发他的分支清单，到时候我会替换现有的默认清单。
   


3. 本地和远程：插件会标注远程+本地用户清单上的ID，不需要担心重复，代码会自动判断

二 篡改猴脚本添加额外域名或IP
原本提交代码给Greasy Fork 时可以通过 元数据 @match 来匹配网站，但草榴的网址会被标注成人内容，导致没有Greasy Fork账号无法访问，所以先匹配所有的网站然后在第 19 行添加自定义匹配


现在说下怎么修改代码来匹配你的域名或IP
拿 @301 的要求来举例，在保留t66y.com同时也匹配局域网的IP地址
把第19行代码替换为：

複製代碼

if (!(window.location.hostname.includes('t66y.com') || window.location.href.startsWith('http://199.199.5.22:8080/'))) return;

还有一些其它情况如下：

1. hostname.includes('t66y.com')  域名匹配（支持子域）


2. hostname === '199.199.5.22' 精确 IP 匹配，忽略端口


3. origin === 'http://199.199.5.22:8080' 精确匹配协议 + IP + 端口

最好的方法还是通过元数据 @match 来匹配网站，在这里就不科普了，请大家自行搜索！


[ 此貼由羊皮脱掉重新編輯：2025-04-11 05:23 ]

顺便说下，这个插件默认匹配t66y.com 如果你需要匹配不同域名, 只需修改manifest.json文件的 matches 字段， 把匹配规则加入"matches": ["*://*.t66y.com/*", "*://www.exampleB.com/*"]

就是在草榴上把你提供的用户名打上自定义标签, 效果是这样：