Skip to content

logerlink/SmartAutoInput

Repository files navigation

智能表单数据模拟助手

一个专为前端测试设计的Chrome/edge浏览器插件,提供一键智能模拟数据填充功能,完美兼容Vue2/Vue3/原生JS场景。

安装方式

开发者模式安装教学:

  1. release 下载 SmartAutoInput.zip
  2. 打开 Chrome/edge,
  3. 在地址栏输入:chrome://extensions/或edge://extensions/。
  4. 第一步(最重要):必须把页面右上角的 “开发者模式” (Developer mode) 开关打开。
  5. 解压 SmartAutoInput.zip
  6. 点击加载未打包的扩展程序,选中 SmartAutoInput 文件夹即可
  7. 放心,无弹窗广告,无木马

image-20260611181308175

标准安装教学:

  1. 打开 edge浏览器,
  2. 在地址栏输入:edge://extensions/
  3. 点击"获取 Microsoft Edge 扩展"按钮。点击打开扩展商店
  4. 搜索 SmartAutoInput 即可安装

Todo

  • Chrome分发(暂无付款渠道)

  • 多语言、多地域

  • 每次重装时,设置都会被初始化,但用户的设置依然存在。(目前占用的localstorage Key有:smartFormFillerSettings

  • UI优化

个人说明

我才发现扩展程序是"开源"的,即使通过官方分发也能看到源码。 如果使用的人数足够多,需要更多功能,后期会考虑全部开源 目前js文件用了Obfuscate,如果您有新功能或新想法,可以提issue。确实需要定制化不要去看混淆的代码了,我可以给您发未混淆之前的代码(一步一步开源吧) 不要用于非法活动,不要挂闲鱼转卖,谢谢。 为了避免被人转卖加各种暗门和弹窗或收集用户信息,修改各种逻辑,请使用edge商店安装和release 下载最新版本

使用方法

方式一:悬浮窗操作

  1. 打开任意包含表单的网页
  2. 点击浏览器工具栏中的插件图标
  3. 在弹出窗口中选择:
    • 快速填充当前页面 - 智能识别并填充所有表单
    • 重复上次填充 - 使用相同数据重复填充
    • 插件设置 - 打开设置页面

方式二:右键菜单操作

  1. 在任意可编辑的表单元素上右键
  2. 选择"智能模拟数据"
  3. 选择具体的数据类型进行精准填充

方式三:悬浮窗快捷操作

  1. 页面右上角会出现悬浮窗
  2. 点击"重新填充"进行智能填充
  3. 点击"重复填充"使用上次数据

特性

核心功能

  • 一键智能填充 - 自动识别页面所有表单元素并填充合适的测试数据
  • 重复填充 - 使用相同的测试数据重复填充,便于Bug重现
  • 右键菜单精准填充 - 在可编辑区域右键选择特定类型的数据
  • 悬浮窗控制 - 页面内悬浮窗提供便捷的操作界面

智能识别

插件支持智能识别20+种表单类型,包括:

  • 姓名/名称
  • 手机号/电话
  • 电子邮箱
  • 金额/价格
  • 身份证号
  • 详细地址
  • 日期/时间
  • 验证码
  • QQ号
  • 密码
  • 备注/描述
  • 等多种常见表单字段。
  • 自动选择下拉框内容

多框架兼容

  • ✅ Vue2、Vue3、React框架完美兼容
  • ✅ ElementUI、Ant-Design框架完美兼容
  • ✅ 原生JS/jQuery场景完美兼容
  • ✅ 支持Shadow DOM穿透
  • ✅ 支持iframe内表单填充

故障排除

常见问题

Q: 填充后数据没有生效? A: 安装插件后,请刷新页面后重试,确保内容脚本正确加载。

Q: 右键菜单不显示? A: 只在可编辑区域右键才会显示菜单。

Q: 悬浮窗不出现? A: 检查插件是否已启用,或尝试刷新页面。

软件截图

image-20260703172829076

image-20260703175044782

贡献

欢迎提交Issue和Pull Request来改进项目。

支持

如有问题或建议,请通过以下方式联系:


专为前端测试设计,让表单测试变得更简单!

About

SmartAutoInput——智能表单数据模拟助手,专为前端测试设计的Chrome/edge浏览器插件

Topics

Resources

Stars

Watchers

Forks

Contributors