知识库首页 外链提交资料 README.md

README

本地来源：外链提交/外链资料/2k买的发外链工具/外链自动化/vibe-backlinks-vd-main/extension/README.md

🤖 自动填表助手

一个基于 Plasmo 框架开发的智能浏览器扩展，使用 OpenRouter API (GPT-5 Nano 模型) 自动识别和填写网页表单。

🚀 功能特点

  • 智能表单识别: 自动扫描页面中的所有可填写表单字段
  • AI 驱动填表: 使用 OpenRouter GPT-5 Nano 模型 + Tools Call 功能，确保结构化输出和高精度匹配
  • 智能浮动菜单: 聚焦输入框时自动显示 AI 辅助菜单，提供生成、翻译、增强三大功能
  • 页面内容理解: 集成 Mozilla Readability，智能提取页面核心内容作为 AI 分析上下文
  • 网络优化: 集成 Bitter 转发服务，提供更稳定的网络连接和更快的响应速度
  • 用户友好界面: 简洁美观的侧边栏配置界面 + 现代化浮动菜单设计
  • 安全存储: 本地安全存储用户配置信息
  • 跨网站支持: 支持所有网站的表单填写和输入框辅助

📦 安装和构建

环境要求

  • Node.js 16+
  • npm 或 yarn

构建步骤

  1. 克隆或下载项目到本地
  2. 安装依赖： bash npm install
  3. 构建扩展： bash npm run build
  4. 构建文件将生成在 build/chrome-mv3-prod/ 目录

加载到浏览器

  1. 打开 Chrome 浏览器
  2. 访问 chrome://extensions/
  3. 开启"开发者模式"
  4. 点击"加载已解压的扩展程序"
  5. 选择 build/chrome-mv3-prod/ 目录

🔧 使用说明

配置步骤

  1. 点击浏览器工具栏中的扩展图标，打开侧边栏配置界面
  2. 输入您的 OpenRouter API Key
  3. 在"填表提示词"中详细描述您的个人信息，例如： 我是张三，男性，25岁，住在北京市朝阳区建国路123号， 手机号13812345678，邮箱[email protected]， 职业是软件工程师，公司是ABC科技有限公司， 身份证号110101199901011234
  4. 点击"保存配置"

使用方式

方式一：批量自动填表

  1. 打开需要填写的网页表单
  2. 点击扩展图标，在侧边栏中点击"🚀 开始自动填表"
  3. 扩展会自动： - 扫描当前页面的表单字段 - 将表单信息发送给 OpenRouter 进行智能分析 - 根据您的个人信息自动填写对应字段

方式二：智能浮动菜单

  1. 聚焦到任意文本输入框
  2. 浮动菜单自动显示在输入框上方
  3. 选择所需功能： - Generate: 基于页面内容生成相关内容 - Translate: 将输入内容翻译为页面主要语言 - Enhance: 根据您的指示改进和优化文本

🛠️ 开发

开发模式

运行开发服务器：

npm run dev

项目结构

├── sidepanel.tsx          # 侧边栏界面组件
├── style.css             # 界面样式
├── background.ts          # 后台脚本 (OpenRouter API 调用)
├── contents/
│   ├── form-collector.ts  # 内容脚本 (表单收集和填写)
│   └── floating-menu.tsx  # 浮动菜单组件 (AI 辅助功能)
├── package.json           # 项目配置
└── tsconfig.json          # TypeScript 配置

核心功能模块

  1. FormCollector 类 (contents/form-collector.ts) - collectAllForms(): 扫描页面表单字段 - fillForm(): 根据AI返回结果填写表单

  2. FloatingMenu 组件 (contents/floating-menu.tsx) - Generate: 基于页面内容和上下文生成相关内容 - Translate: 智能翻译输入框文本 - Enhance: 根据用户指示改进文本内容 - EnhanceDialog: 增强功能的交互对话框

  3. OpenRouterService 类 (background.ts) - analyzeFormsAndFill(): 使用 Tools Call 功能调用 OpenRouter API 分析表单 - generateContent(): AI 内容生成服务 - translateText(): AI 翻译服务
    - enhanceText(): AI 文本增强服务 - callOpenRouter(): 支持 function calling 的 API 调用方法 - fetcher(): Bitter 转发代理，提供网络优化

  4. 侧边栏组件 (sidepanel.tsx) - 侧边栏配置界面和用户交互

🔐 隐私和安全

  • API Key 仅存储在本地浏览器中，不会上传到任何服务器
  • 个人信息仅在您的设备和 OpenRouter API 之间传输
  • 表单数据仅用于AI分析，不会被存储或缓存

⚠️ 注意事项

  1. 需要有效的 OpenRouter API Key
  2. 确保网络连接正常
  3. 某些复杂表单可能需要手动调整
  4. 使用前请仔细检查填写结果的准确性

🐛 故障排除

常见问题

  1. API Key 无效: 请检查 OpenRouter API Key 是否正确且有足够额度
  2. 表单未识别: 某些动态生成的表单可能需要页面完全加载后再尝试
  3. 填写不准确: 可以调整提示词，提供更详细的个人信息描述

开发调试

  • 打开开发者工具查看控制台日志
  • 检查网络请求是否成功
  • 确认扩展权限设置正确

📝 License

MIT License

本文档为站内渲染。原始文件本地路径：saas/source/backlinks/外链提交-外链资料-2k买的发外链工具-外链自动化-vibe-backlinks-vd-main-extension-R-fc3027.md（仅本地保留，不入库不部署）