WE Learn 浏览器自动化脚本(Tampermonkey油猴脚本)产品系统Vibe Coding

我要开发同款
hhl062026年07月16日
9阅读

技术信息

语言技术
HTML5CSSJavaScript
系统类型
Web
行业分类
脚本插件
参考价格
1000
演示地址
https://gitee.com/hhl-06/welearn-helper

作品详情

行业场景

解决在线学习平台题目练习效率低的问题。WE Learn(随行课堂)是高校英语课程平台,学生在课后需要完成大量在线练习题,手动逐题作答耗时较长。
本脚本通过Tampermonkey浏览器扩展注入页面,自动从HTML中解析题目和答案数据,支持一键查看答案、自动填写、自动翻页刷题等操作,帮助学生更高效地完成课后练习。
技术层面展示了浏览器扩展开发、DOM操作、SPA页面适配等前端自动化能力。

功能介绍

1. 自动答案提取:从页面DOM的data-solution属性中解析正确答案,支持填空、选择、判断、匹配等多种题型。
2. 一键自动填写:瞬间完成当前页所有题目填写,支持选择、填空、判断、匹配四大类题型的自动填充引擎。
3. 自动翻页刷题:填完一页后自动提交并翻到下一页继续,直至全部完成,全程无需人工干预。
4. 拟人刷题模式:支持自定义打字速度和正确率,逐字输入模拟真人答题行为,降低被系统检测风险。
5. 悬浮窗控制面板:可拖拽的浮动UI面板,按钮控制各功能模块,操作简单直观。

项目实现

独立完成全部功能开发,包含需求分析、页面逆向分析、代码编写和持续迭代。
技术栈:原生JavaScript(ES6+)、Tampermonkey扩展API、DOM API、MutationObserver、CSS3动画。
架构亮点:
1. 多层级DOM解析引擎:优先读取data-solution属性,回退到data-answer、页面隐藏元素、词库匹配等策略,确保在不同页面结构下都能提取答案。
2. 填写引擎适配四种题型:选择题(radio匹配)、填空题(input写入+词库点击)、判断题、匹配题,各自独立逻辑互不干扰。
3. 拟人化延迟系统:支持快/中/慢三档速度,随机延迟模拟真人节奏,配合可调正确率参数。
4. SPA适配:MutationObserver监听页面变化,自动清理缓存并识别新题目内容。
难点:页面为React单页应用,需处理iframe嵌套、动态渲染、readonly属性绕过等问题;部分题型无标准答案标记需通过词库逆向匹配。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论