主要改进: 1. 修复核心Bug - 正确检测API响应状态(检查success字段) 2. 配置界面化 - 使用GM_setValue/GM_getValue持久化存储 3. 添加可视化配置面板 - 无需修改代码 4. 增强错误处理 - 显示详细的错误信息 5. API兼容性验证 - 与后端完全兼容 提供两个版本: - clients/userscript-template.js (v3.0增强版, 608行) - client/userscript-template.js (v2.0简化版, 431行) 新增文档: - USERSCRIPT_CHANGELOG.md - 更新日志 - USERSCRIPT_FIX_SUMMARY.md - 修复总结 - USERSCRIPT_USAGE.md - 使用指南 由Claude Code完成。
7.4 KiB
7.4 KiB
油猴脚本使用指南
📦 安装
1. 安装油猴扩展
首先需要在浏览器中安装油猴(Tampermonkey)扩展:
- Chrome / Edge: Chrome Web Store
- Firefox: Firefox Add-ons
- Safari: App Store
2. 选择脚本版本
项目提供两个版本的脚本:
| 版本 | 文件路径 | 特点 | 适用场景 |
|---|---|---|---|
| 增强版 | clients/userscript-template.js |
功能完整,支持高级配置 | 需要定时同步、自动同步等高级功能 |
| 简化版 | client/userscript-template.js |
功能精简,易于使用 | 只需基础同步功能 |
3. 安装脚本
- 打开油猴扩展的管理界面
- 点击"创建新脚本"
- 复制对应版本的脚本内容
- 粘贴到编辑器中
- 保存(Ctrl+S 或 Cmd+S)
⚙️ 初次配置
必须配置的项目
安装脚本后,首次使用前必须配置:
- 点击页面右侧的 🔄 按钮打开菜单
- 选择 "⚙️ 配置设置"
- 配置以下项目:
服务器地址: http://47.122.126.244:5001
密码: admin123123123
⚠️ 重要:如果不配置正确的服务器地址和密码,同步将会失败!
可选配置项(仅增强版)
- Tag: 留空自动检测,或手动指定(格式:
项目名:账号) - 数据类型: 默认 Cookie
- 过期时间: 默认 604800 秒(7天)
- 自动检测: 建议保持开启
- 自动同步: 页面加载后自动同步(不推荐)
- 定时同步: 定时自动同步间隔,0 表示禁用
🚀 使用方法
基础使用流程
-
访问支持的网站
- 目前支持:听悟(tingwu.aliyun.com)、微信公众平台(mp.weixin.qq.com)
- 增强版支持通过
@match添加更多网站
-
登录账号
- 在目标网站正常登录
-
同步数据
- 点击页面右侧的 🔄 按钮
- 选择 "🔄 立即同步"
- 等待提示消息
-
确认结果
- ✅ 同步成功:显示 Tag 和时间戳
- ❌ 同步失败:检查错误信息(密码错误、网络错误等)
高级功能(仅增强版)
快捷键操作
Ctrl+Shift+S - 立即同步
Ctrl+Shift+C - 复制配置到剪贴板
复制配置
用于分享或备份配置:
- 点击 🔄 按钮
- 选择 "📋 复制配置"
- 配置信息已复制到剪贴板,格式:
{
"serverUrl": "http://47.122.126.244:5001",
"password": "admin123123123",
"tag": "tingwu:user@email.com",
"type": "cookie"
}
自动同步设置
在配置面板中可以开启:
- 自动同步: 页面加载 3 秒后自动执行同步
- 定时同步: 按设定间隔定期同步(例如:每 300 秒同步一次)
⚠️ 注意:频繁自动同步可能影响页面性能,建议手动同步
🔍 故障排查
问题 1: 提示"同步失败:Invalid password"
原因:密码配置错误
解决方案:
- 打开配置面板
- 确认密码为:
admin123123123 - 保存配置后重试
问题 2: 提示"网络错误:无法连接到服务器"
原因:服务器地址不可达
解决方案:
- 检查服务器地址是否正确:
http://47.122.126.244:5001 - 确认服务器是否在运行
- 检查网络连接
- 检查浏览器控制台是否有跨域错误(CORS)
问题 3: 提示"当前网站不支持自动同步"
原因:当前网站不在支持列表中
解决方案:
对于增强版,可以手动添加项目规则:
编辑脚本,在 PROJECT_RULES 中添加:
{
name: '项目名',
match: (url) => url.includes('目标域名'),
getAccount: () => {
// 提取账号的逻辑
return '账号名';
},
loginUrl: 'https://登录页面URL'
}
对于简化版,需要:
- 在脚本头部添加
@match规则:
// @match https://目标域名/*
- 在
PROJECT_PATTERNS中添加配置:
'目标域名': {
project: '项目名',
accountSelector: '.账号选择器',
loginUrl: 'https://登录页面URL'
}
问题 4: 未找到 Cookie
原因:当前页面没有 Cookie 或 Cookie 为空
解决方案:
- 确认已经登录
- 刷新页面后重试
- 检查浏览器是否禁用了 Cookie
问题 5: 服务器响应格式错误
原因:服务器返回了非 JSON 格式的数据
解决方案:
- 检查服务器是否正常运行
- 确认 API 端点
/api/data可访问 - 查看浏览器控制台的详细错误信息
🎯 最佳实践
1. 安全建议
- ✅ 定期更换密码
- ✅ 不要在公共电脑上使用
- ✅ 配置数据仅存储在本地浏览器
- ❌ 不要将密码分享给他人
2. 使用建议
- ✅ 登录后立即同步,确保数据最新
- ✅ 重要账号手动同步,避免自动同步失败
- ✅ 定期检查同步状态
- ❌ 不要开启过于频繁的定时同步
3. 数据管理
- 数据保存在服务器的
/data目录 - 文件名格式:
项目名_账号.json - 默认保留 7 天,可在配置中修改
- 可通过 Web 界面查看和管理:
http://47.122.126.244:5001
📊 同步数据格式
脚本上传的数据格式:
{
"tag": "tingwu:user@email.com",
"type": "cookie",
"data": {
"cookies": [
{
"name": "cookie名",
"value": "cookie值",
"domain": "域名",
"path": "/"
}
],
"raw_cookie": "原始cookie字符串",
"user_agent": "浏览器UA"
},
"metadata": {
"expires_in": 604800,
"note": "同步备注",
"login_url": "https://登录页面",
"created_at": "2026-08-14 10:00:00",
"updated_at": "2026-08-14 10:00:00"
}
}
🆘 技术支持
查看日志
- 打开浏览器控制台(F12)
- 切换到 Console 标签
- 查看脚本输出的日志信息
常见日志信息
🚀 通用数据同步脚本已加载 - 脚本初始化成功
🔍 自动检测结果: {...} - 显示检测到的项目和账号
✅ 数据同步成功: {...} - 同步成功
❌ 数据同步失败: {...} - 同步失败,查看错误信息
❌ 网络错误: {...} - 网络请求失败
获取帮助
如遇到问题,请提供以下信息:
- 脚本版本(增强版 v3.0 或简化版 v2.0.0)
- 浏览器类型和版本
- 目标网站 URL
- 错误提示信息
- 浏览器控制台的错误日志
🔄 更新脚本
手动更新
- 打开油猴管理界面
- 找到对应的脚本
- 点击编辑
- 替换为新版本的代码
- 保存
检查更新
在油猴管理界面中,可以查看脚本的版本号:
- 增强版当前版本:3.0
- 简化版当前版本:2.0.0
📝 附录
支持的浏览器
- ✅ Chrome 88+
- ✅ Firefox 85+
- ✅ Edge 88+
- ✅ Safari 14+
- ⚠️ Opera(需要测试)
- ❌ IE(不支持)
支持的网站
默认支持:
- 听悟(tingwu.aliyun.com)
- 微信公众平台(mp.weixin.qq.com)
扩展支持: 可通过修改脚本添加更多网站,参考上文"故障排查 - 问题3"
API 兼容性
脚本与以下 API 版本兼容:
- ✅ 当前项目的 nginx/nginx.conf 定义的 API
- ✅ POST
/api/data接口 - ✅ 支持 CORS 跨域请求
- ✅ 密码验证机制