受"船下一群鹅"大佬启发，想写个插件为特定用户添加自定义标签，不需要自己一行一行的敲代码，
整理好关键点直接让AI生成，现在分享给大家做个参考！
先来看看效果图：
![]()
下面这个效果是Chrome插件和篡改猴一起使用的效果：
![]()
我用AI开发这个插件，从头到尾只花了 不到1小时（大概40分钟，包括测试）。
以下是让 AI 高效工作的几个关键：
1.清晰描述需求
直接告诉 AI：“我要一个 Chrome 插件，为草榴社区用户添加标签，支持本地和 GitHub 远程清单，标签要像盖章，带自定义 CSS。”
关键：需求越具体越好，AI 能一次给个大致框架。
2.提供网页结构
给 AI 目标网站的 HTML，例如：
- <th><b>user1</b>
- <li><span><a>张三</a></span>
- <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
![]()
一 用户清单模式说明在设置页面下拉“用户清单模式”
![]()
- 仅本地 ：插件只标注本地用户清单上的ID
- 仅远程：插件只标注远程用户清单上的ID
必要的说明下，远程的用户清单默认地址为 https://raw.githubusercontent.com/yptd-1024/mark5/refs/heads/main/userlist.txt ，目前是我有空的时候在维护更新，有可能有错误的标注，我还在等 @船下一群鹅 大佬发他的分支清单，到时候我会替换现有的默认清单。
- 本地和远程：插件会标注远程+本地用户清单上的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;
还有一些其它情况如下：
- hostname.includes('t66y.com') 域名匹配（支持子域）
- hostname === '199.199.5.22' 精确 IP 匹配，忽略端口
- origin === 'http://199.199.5.22:8080' 精确匹配协议 + IP + 端口
最好的方法还是通过元数据 @match 来匹配网站，在这里就不科普了，请大家自行搜索！[ 此贴由羊皮脱掉重新编辑：2025-04-11 05:23 ]
赞(70)