ARTICLE DETAIL

资讯详情

深耕网站建设与运营推广的一线实战洞察。

首页/资讯中心/资讯详情

基于油猴脚本的网页自动化实践：一键完成正方教务系统教学评价

发布时间：2026/8/6 4:08:37 拓冰企业网站定制
基于油猴脚本的网页自动化实践：一键完成正方教务系统教学评价

1. 项目概述：当“一键评价”遇上“新版正方教务系统”

又到学期末了，对于广大在校学生来说，除了紧张的期末考试，还有一件“规定动作”必须完成——教学评价。这个评价系统，尤其是国内高校广泛使用的“正方教务系统”，其界面和流程，懂的都懂。最近，不少学校都升级到了新版正方教务系统，界面是现代化了一些，但那个评价流程，依然是熟悉的“配方”：几十门课程，每门课十几个评价指标，每个指标点五颗星，还要手动填写文字评价……一套流程下来，没有半小时根本搞不定，而且必须在规定时间内完成，否则可能影响成绩查询甚至选课。

正是在这种背景下，“一键教学评价”的需求应运而生。这并非要恶意刷评或破坏评价体系，而是希望用一种技术手段，将学生从重复、机械的点击操作中解放出来，让他们能把宝贵的时间用在复习备考上。同时，也能确保评价任务按时、保质地完成，避免因忘记或嫌麻烦而错过评价，导致后续不必要的麻烦。这个项目，本质上是一个基于浏览器自动化技术的效率工具，专门针对新版正方教务系统的评价页面进行适配和操作。

它的核心用户非常明确：所有需要使用新版正方教务系统进行期末教学评价的在校学生。无论你是技术小白，还是有一定编程基础的同学，都能通过这个工具快速完成任务。接下来，我将从设计思路、技术实现、实操细节到避坑指南，完整拆解这个项目的方方面面，让你不仅能直接用上现成的方案，更能理解背后的原理，甚至自己动手定制。

2. 项目整体设计与思路拆解

2.1 核心需求与目标定义

在动手之前，我们必须明确这个工具要解决的具体问题，以及它的行为边界。这决定了我们技术方案的选择和代码的逻辑。

首先，核心痛点在于操作的高度重复性和页面的相对固定性。新版正方教务系统的评价页面，虽然前端框架可能有所升级（例如从传统的JSP变为更多使用Vue或React组件），但其DOM结构、表单元素的命名规律、提交接口的调用方式，在一个学校的一个版本内，通常是稳定不变的。我们需要做的就是模拟一个“有耐心且手速极快”的学生，自动完成以下动作：登录系统 -> 导航到教学评价页面 -> 遍历每一门待评价课程 -> 对每个评价项选择预设的分数（如全部五星） -> 填写统一的文字评价（或留空） -> 提交一门课的评价 -> 自动跳转下一门 -> 循环直至全部完成。

其次，项目目标必须清晰且有限制：

  1. 效率提升：将原本需要30-60分钟的手动操作，压缩到1-2分钟内完成。
  2. 可靠性：工具需要能稳定运行，处理各种异常情况，如网络延迟、页面加载慢、验证码（如果评价环节有的话）等。
  3. 安全性：工具不能存储或上传用户的账号密码，所有操作应在用户本机浏览器环境中完成，遵循“用户知情且控制”的原则。
  4. 非破坏性：工具应模拟人类正常操作的速度和逻辑，避免高频请求对服务器造成压力，同时填写的评价内容应是中性或正面的通用内容，不应对评价数据的有效性产生负面影响。

2.2 技术方案选型与权衡

明确了目标，我们来看技术路径。实现网页自动化，主流方案有以下几种：

  1. 浏览器插件（如Tampermonkey油猴脚本）：

    • 优点：直接注入页面上下文，无需额外环境，操作DOM和调用页面JS函数最直接。用户安装插件和脚本后，访问评价页面即可自动运行。
    • 缺点：受浏览器插件API限制，处理复杂交互（如跨iframe、等待页面跳转）有时比较棘手。脚本的更新和分发依赖插件平台。最重要的是，新版正方系统可能会检测页面环境，过于“直接”的DOM操作可能被前端检测脚本识别为异常行为。

  2. Python + Selenium/Playwright：

    • 优点：功能极其强大，可以完全控制一个真实的浏览器实例（如Chrome、Firefox），能处理任何复杂的网页交互、跳转、验证码（需额外处理库）。脚本逻辑清晰，易于调试和扩展。
    • 缺点：需要本地安装Python环境和浏览器驱动，对非技术用户有门槛。运行时会弹出浏览器窗口，不够“隐形”。

  3. JavaScript + Puppeteer（Node.js环境）：

    • 优点：与Selenium类似，直接控制Headless Chrome，性能好，是现代浏览器自动化测试的主流选择。脚本也是JS编写，与网页原生交互顺畅。
    • 缺点：同样需要安装Node.js环境，对于只想快速完成评价的学生来说，环境配置略显复杂。

我们的选择与理由： 考虑到项目的核心是“用户友好、快速上手”，以及操作逻辑相对直接（主要是表单填写和点击），浏览器插件方案（油猴脚本）是首选。它几乎零门槛：用户只需要有一个浏览器（Chrome、Edge、Firefox等），安装一次Tampermonkey插件，然后导入我们的脚本代码即可。每次打开评价页面，脚本自动运行，体验无缝。同时，油猴脚本提供了@grantAPI来安全地使用GM_*函数，例如GM_setValue保存配置，GM_notification发送完成通知，增强了实用性。

对于更复杂的需求，例如学校系统加入了滑块验证码或需要识别点击特定的动态元素，我们可以考虑在油猴脚本中集成一些轻量级的识别库，或者退而求其次，提供一个详细的Python+Selenium脚本作为“进阶方案”供有能力的同学使用。本文将以油猴脚本作为主要实现方案进行详解。

注意：任何自动化工具的使用都应遵守学校相关规定和网站的使用条款。本方案旨在提升效率，模拟合规的人工操作，请勿用于恶意刷评、攻击服务器或任何违规用途。

3. 核心细节解析与实操要点

3.1 新版正方教务系统页面结构分析

要写自动化脚本，第一步就是“读懂”目标网页。我们需要手动操作一次评价流程，并用浏览器的开发者工具（F12）仔细观察。

  1. 登录与导航：新版正方系统登录后，主界面通常是一个门户框架。教学评价的入口可能是一个明显的菜单链接，其id或class可能包含evaluate、pj等字样。我们需要找到这个链接的稳定选择器。

  2. 评价列表页：进入评价页面后，通常会以一个列表形式展示所有“待评价”的课程。每一行对应一门课，会有一个“评价”或“开始评价”的按钮。这个列表可能通过Ajax动态加载，我们需要等待其加载完成。列表的容器div和按钮的选择器是关键。

  3. 评价表单页：点击单门课的评价按钮后，会进入一个独立的表单页面。这里是核心操作区。

    • 评分项：通常是星级评分或单选按钮组。例如，<input type="radio" name="item1" value="5">对应五星。我们需要找到所有评分项input元素的name或class规律。
    • 文字评价：可能是一个<textarea>文本框，id或name可能是suggest、comment等。
    • 提交按钮：页面底部会有“提交”或“保存”按钮，其id可能为btnSubmit。
    • 提交后的处理：提交后，页面可能弹出“评价成功”提示框，然后自动跳转回课程列表页，或者直接在当前页标记本门课已完成。我们需要脚本能检测到这个状态变化，以便继续下一门课。

  4. 潜在的反自动化措施：

    • Token验证：表单中可能隐藏了一个随机的csrf_token或类似字段，每次提交都需要携带。
    • 点击延迟：快速连续的点击可能被前端JS拦截。
    • Canvas指纹或行为检测：虽然不常见，但一些系统会检测浏览器环境是否真实。

我们的脚本需要针对上述结构，编写相应的等待、查找、操作和状态判断逻辑。

3.2 油猴脚本的基础架构与安全规范

一个完整的油猴脚本，开头是元数据块，用于声明脚本的基本信息、匹配的网址、授予的权限等。

// ==UserScript== // @name 新版正方教务系统一键教学评价 // @namespace http://tampermonkey.net/ // @version 1.0.2 // @description 自动完成新版正方教务系统的学生教学评价，支持自定义评分和评语。 // @author YourName // @match *://jwxt.*.edu.cn/* // @match *://*.edu.cn/jwxt/* // @grant GM_notification // @grant GM_setValue // @grant GM_getValue // @grant GM_addStyle // @require https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js // ==/UserScript==
  • @match：这是最重要的部分，指定脚本在哪些网址上运行。需要根据你学校的正方系统实际域名进行修改。可以使用通配符*。
  • @grant：声明需要使用的油猴API。GM_notification用于完成后发送桌面通知；GM_setValue和GM_getValue用于在本地存储用户的自定义设置（如默认评语）；GM_addStyle用于向页面注入自定义CSS样式。
  • @require：可选。这里我们引入了jQuery库，因为jQuery的DOM选择器和操作方法比原生JS简洁太多，能极大简化代码。正方系统自身可能也使用了jQuery，这样引入通常不会冲突。

在脚本主体开始前，我们通常使用(function() { 'use strict'; ... })();这种自执行函数包裹所有代码，避免污染全局命名空间。

3.3 核心自动化逻辑流程设计

脚本的主逻辑是一个状态机，需要优雅地处理整个流程。以下是核心步骤的伪代码逻辑：

  1. 等待页面就绪：使用$(document).ready()或MutationObserver确保页面核心内容加载完成。
  2. 判断当前页面状态：
    • 状态A：课程列表页：查找“待评价”列表。如果找到，则获取所有待评价课程项，并开始处理第一门课。
    • 状态B：评价表单页：查找评分表单。如果找到，则自动填充评分和评语，然后模拟点击提交按钮。
    • 状态C：提交成功页/跳转中：检测成功提示，等待短暂时间后，判断是继续下一门课（可能自动跳转回列表页），还是所有课程已完成。
  3. 执行评价操作：
    • 填充评分：找到所有type="radio"的input元素，根据预设值（如value="5"或value="10"对应最高分）模拟点击。这里有一个关键技巧：不能直接设置radio的checked属性，必须模拟真实的鼠标点击事件click()，才能触发前端JS可能绑定的验证逻辑。
    • 填充评语：找到评语文本框textarea，使用.val()方法设置一个通用评语，例如“老师讲课认真负责，课程内容充实，受益匪浅。”。也可以留空，如果系统允许的话。
    • 提交表单：找到提交按钮，触发其click()事件。提交后，页面可能会发起一个网络请求，我们需要等待这个请求完成并处理后续跳转。
  4. 处理等待与延迟：在每一步操作之间，必须添加合理的延迟（例如setTimeout或await配合delay函数），模拟人类操作速度，避免被服务器风控。尤其是在点击“提交”后，需要等待页面响应或跳转。
  5. 错误处理与重试：网络可能不稳定，脚本需要具备一定的容错能力。例如，如果点击按钮后10秒内页面状态未改变，可以尝试重新点击一次，或者记录错误并跳过当前课程继续下一门。
  6. 用户通知与配置：所有课程评价完成后，使用GM_notification发送一个提示。同时，可以在页面上添加一个简单的浮动面板（UI），让用户可以在运行前自定义评分等级和评语内容，这些设置通过GM_setValue保存在本地。

4. 实操过程与核心环节实现

下面，我将分模块给出关键代码的实现，并附上详细注释。

4.1 脚本初始化与页面状态判断

(function() { 'use strict'; // 引入jQuery后，可以直接使用$ const $ = window.jQuery; // 配置项：操作延迟（毫秒），模拟真人速度 const DELAY = { afterPageLoad: 1500, // 页面加载后等待 betweenActions: 800, // 两个动作之间 afterSubmit: 2500, // 提交后等待跳转 }; // 主函数，在页面加载后执行 $(document).ready(function() { // 等待一会儿，确保动态内容加载 setTimeout(init, DELAY.afterPageLoad); }); function init() { console.log('[一键评价] 脚本启动，开始检测页面状态...'); // 判断当前页面类型 if (isCourseListPage()) { console.log('[一键评价] 检测到课程列表页。'); handleCourseListPage(); } else if (isEvaluationFormPage()) { console.log('[一键评价] 检测到评价表单页。'); handleEvaluationFormPage(); } else if (isSuccessPage()) { console.log('[一键评价] 检测到提交成功页。'); handleSuccessPage(); } else { console.log('[一键评价] 当前页面非评价相关页面，脚本休眠。'); // 可以在这里添加一个手动触发按钮到页面 addManualTriggerButton(); } } // 判断是否为课程列表页 - 需要根据实际页面调整选择器 function isCourseListPage() { // 常见特征：页面包含“教学评价”、“待评价”等文字，且有表格或列表结构 return $('#evalCourseList').length > 0 || $('h2:contains("教学评价")').length > 0 && $('table.list').length > 0; } // 判断是否为评价表单页 function isEvaluationFormPage() { // 常见特征：有大量的radio组或星级评分元素 return $('input[type="radio"][name*="pj"]').length > 5 || $('form#evalForm').length > 0; } // 判断是否为提交成功页 function isSuccessPage() { return $('.alert-success:contains("成功")').length > 0 || $('div:contains("评价成功")').length > 0; } })();

4.2 处理课程列表页与遍历逻辑

这是流程的驱动环节。我们需要找到所有待评价的课程链接或按钮，并依次处理。

function handleCourseListPage() { // 1. 找到所有“评价”按钮。选择器需要根据实际页面调整。 // 示例：按钮可能在表格的每一行最后一列，class为‘btn-evaluate’ const $evalButtons = $('a.btn-evaluate, button:contains("评价"), input[value="评价"]'); // 或者通过遍历包含课程名的行来查找 // const $courseRows = $('#evalCourseList tbody tr'); if ($evalButtons.length === 0) { console.log('[一键评价] 未找到待评价课程按钮。可能已全部评价完成。'); GM_notification({ title: '教学评价完成', text: '所有课程评价已完成或未找到待评价课程。', timeout: 5000 }); return; } console.log(`[一键评价] 找到 ${$evalButtons.length} 门待评价课程。`); // 2. 添加一个全局控制面板到页面右上角 addControlPanel($evalButtons.length); // 3. 开始顺序处理课程 processCourseByIndex(0, $evalButtons); } function processCourseByIndex(index, $buttons) { if (index >= $buttons.length) { console.log('[一键评价] 所有课程处理完毕！'); GM_notification({ title: '任务完成', text: `已成功完成 ${$buttons.length} 门课程的评价。`, timeout: 8000 }); updateControlPanel('所有课程评价完成！', 'success'); return; } const $currentBtn = $buttons.eq(index); updateControlPanel(`正在处理第 ${index + 1} / ${$buttons.length} 门课程...`, 'processing'); console.log(`[一键评价] 点击第 ${index + 1} 个评价按钮。`); // 模拟点击，打开评价表单页 $currentBtn[0].click(); // 重要：点击后，需要等待新页面（评价表单页）加载。 // 这里采用一个简单的轮询方式，等待页面URL变化或表单元素出现。 // 更优的方案是使用MutationObserver监听DOM变化。 const checkInterval = setInterval(function() { if (isEvaluationFormPage()) { clearInterval(checkInterval); console.log('[一键评价] 评价表单页加载完成。'); // 给表单页一点额外时间渲染 setTimeout(() => { // 注意：此时脚本会在新加载的页面里重新运行init函数。 // 我们需要一个机制来区分是第一次加载还是从列表页跳转过来的。 // 一个简单的方法是利用GM_setValue传递状态。 window.sessionStorage.setItem('autoEvalIndex', index); window.sessionStorage.setItem('totalCourses', $buttons.length); // 实际上，由于是页面跳转，油猴脚本会重新注入并执行。 // 因此，在表单页的handleEvaluationFormPage函数中，需要知道当前是第几门课。 }, DELAY.afterPageLoad); } }, 500); // 每500ms检查一次 // 设置一个超时，防止页面加载失败卡死 setTimeout(() => { if (!isEvaluationFormPage()) { clearInterval(checkInterval); console.warn(`[一键评价] 第 ${index + 1} 门课程页面加载超时，尝试跳过。`); updateControlPanel(`第 ${index + 1} 门课程加载失败，跳过。`, 'warning'); // 跳过当前，处理下一门 setTimeout(() => processCourseByIndex(index + 1, $buttons), DELAY.betweenActions); } }, 10000); // 10秒超时 }

4.3 自动填充评价表单与提交

这是最核心的模块，需要精确地操作表单元素。

function handleEvaluationFormPage() { // 尝试从sessionStorage获取课程进度信息 const currentIndex = parseInt(window.sessionStorage.getItem('autoEvalIndex')) || 0; const totalCourses = parseInt(window.sessionStorage.getItem('totalCourses')) || 1; console.log(`[一键评价] 开始处理表单（${currentIndex + 1}/${totalCourses}）...`); // 延迟执行，确保所有DOM元素渲染完毕 setTimeout(() => { // 1. 自动选择最高评分（假设是radio按钮，value最高分是5或10） selectHighestRatings(); // 2. 自动填写评语 fillComment(); // 3. 延迟后自动提交 setTimeout(submitForm, DELAY.betweenActions); }, DELAY.afterPageLoad); } function selectHighestRatings() { // 找到所有评分项的radio组。通常name类似‘pj0101’, ‘pj0102’... // 我们需要为每一组（相同的name）选择value最高的那个radio。 const radioGroups = {}; $('input[type="radio"]').each(function() { const name = $(this).attr('name'); if (name && name.includes('pj')) { // 过滤出评价项 if (!radioGroups[name]) { radioGroups[name] = []; } radioGroups[name].push(this); } }); // 遍历每一组，点击value值最大的radio for (const name in radioGroups) { if (radioGroups.hasOwnProperty(name)) { const radios = radioGroups[name]; let maxRadio = null; let maxValue = -Infinity; radios.forEach(radio => { const val = parseFloat(radio.value); if (!isNaN(val) && val > maxValue) { maxValue = val; maxRadio = radio; } }); if (maxRadio) { // 必须用原生click事件触发，不能直接设置checked属性 $(maxRadio).trigger('click'); console.log(`[一键评价] 已为评分项 ${name} 选择分值 ${maxValue}`); } } } // 如果是星级评分（用div或span模拟），需要不同的处理方式 // 例如：$('.star-rating .star:nth-child(5)').click(); } function fillComment() { // 从本地存储获取用户自定义评语，如果没有则使用默认评语 const customComment = GM_getValue('defaultComment', ''); const commentToFill = customComment || '老师教学认真，课程内容安排合理，讲解清晰，受益匪浅。'; // 寻找评语文本框，常见id或name: ‘suggest’, ‘advice’, ‘zgpj’ const $commentArea = $('#suggest, textarea[name="suggest"], #zgpj'); if ($commentArea.length > 0) { $commentArea.val(commentToFill); // 触发input事件，确保前端JS能捕获到内容变化 $commentArea.trigger('input'); console.log('[一键评价] 已填写评语。'); } else { console.log('[一键评价] 未找到评语文本框，可能该课程无需文字评价。'); } } function submitForm() { // 找到提交按钮，常见id: ‘btnSubmit’, ‘button_submit’ const $submitBtn = $('#btnSubmit, input[type="submit"][value*="提交"], button:contains("提交")'); if ($submitBtn.length > 0) { console.log('[一键评价] 点击提交按钮。'); $submitBtn[0].click(); // 触发原生点击 // 提交后，等待成功页面或跳转 setTimeout(checkSubmitResult, DELAY.afterSubmit); } else { console.error('[一键评价] 未找到提交按钮！'); // 尝试寻找表单并直接提交 $('form').submit(); } } function checkSubmitResult() { if (isSuccessPage()) { console.log('[一键评价] 提交成功！'); // 成功后的操作：通常是页面会自动跳转回列表页，或者需要手动点击“返回” // 这里我们假设成功后会自动跳转，脚本将在列表页重新触发。 // 如果有一个“返回列表”的链接，可以自动点击它来加速流程。 const $backLink = $('a:contains("返回"), a:contains("继续评价")'); if ($backLink.length > 0) { $backLink[0].click(); } } else { console.warn('[一键评价] 提交后未检测到成功页面，可能提交失败或页面结构有变。'); // 可以尝试重试一次，或者记录错误继续 } }

4.4 用户交互与控制面板

为了让工具更好用，我们添加一个简单的浮动控制面板。

function addControlPanel(totalCourses) { // 移除可能已存在的面板 $('#autoEvalPanel').remove(); const panelHtml = ` <div id="autoEvalPanel" style=" position: fixed; top: 20px; right: 20px; width: 300px; background: #f5f5f5; border: 1px solid #ccc; border-radius: 8px; padding: 15px; z-index: 99999; box-shadow: 0 2px 10px rgba(0,0,0,0.1); font-family: sans-serif; "> <h4 style="margin-top:0; color:#333;">一键教学评价助手</h4> <p>待评价课程：<strong>${totalCourses}</strong> 门</p> <p id="panelStatus">状态：准备就绪</p> <div style="margin-top:10px;"> <button id="btnStartEval" style="padding:8px 15px; background:#4CAF50; color:white; border:none; border-radius:4px; cursor:pointer;">开始自动评价</button> <button id="btnStopEval" style="padding:8px 15px; background:#f44336; color:white; border:none; border-radius:4px; cursor:pointer; margin-left:10px;" disabled>停止</button> </div> <div style="margin-top:15px; font-size:0.9em;"> <label>默认评语：</label><br/> <textarea id="defaultCommentInput" rows="3" style="width:100%; margin-top:5px;">${GM_getValue('defaultComment', '')}</textarea> <button id="btnSaveComment" style="margin-top:5px; padding:5px 10px;">保存设置</button> </div> </div> `; $('body').append(panelHtml); // 绑定事件 $('#btnStartEval').on('click', function() { $(this).prop('disabled', true); $('#btnStopEval').prop('disabled', false); // 这里需要触发全局的开始流程，可能需要重新扫描页面按钮 // 简单实现：重新调用handleCourseListPage，但需要确保在列表页 if (isCourseListPage()) { updateControlPanel('正在启动...', 'processing'); setTimeout(() => location.reload(), 500); // 刷新页面以重新触发脚本 } }); $('#btnStopEval').on('click', function() { // 停止逻辑可以通过设置一个全局标志位来实现 window.autoEvalStopped = true; updateControlPanel('已手动停止', 'stopped'); $('#btnStartEval').prop('disabled', false); $(this).prop('disabled', true); }); $('#btnSaveComment').on('click', function() { const comment = $('#defaultCommentInput').val(); GM_setValue('defaultComment', comment); alert('默认评语已保存！'); }); } function updateControlPanel(message, type = 'info') { const $status = $('#panelStatus'); if ($status.length) { $status.text(`状态：${message}`); const colors = { processing: '#2196F3', success: '#4CAF50', warning: '#FF9800', error: '#f44336', stopped: '#9E9E9E', info: '#666'}; $status.css('color', colors[type] || colors.info); } }

5. 常见问题与排查技巧实录

在实际使用中，你可能会遇到各种问题。下面是我在开发和测试过程中总结的常见问题及其解决方案。

5.1 脚本不运行或找不到元素

这是最常见的问题，通常是因为页面选择器不对。

  • 症状：控制台没有脚本的log输出，或者一直提示“未找到...”。
  • 排查步骤：
    1. 确认脚本已启用：检查Tampermonkey管理面板，确保脚本是启用状态，并且@match的网址模式包含了你的教务系统网址。
    2. 检查页面结构：在评价页面按F12打开开发者工具，使用Elements面板。仔细查看“评价”按钮、评分radio、提交按钮等元素的实际id、class、name属性。正方系统不同版本、不同学校的命名可能差异巨大。
    3. 动态内容加载：如果课程列表是Ajax加载的，脚本运行时列表可能还没出来。需要修改isCourseListPage函数中的判断逻辑，或者使用MutationObserver或setInterval轮询等待目标元素出现。
    4. 调整选择器：根据你看到的结构，修改脚本中的选择器。例如，按钮的选择器可能要从a.btn-evaluate改成input[onclick*="evaluate"]或者#dataList tbody tr td:last-child a。

5.2 评分无法选中或提交无效

这通常是因为前端JS事件绑定问题。

  • 症状：脚本运行了，radio也被“勾选”了（显示为选中状态），但提交时提示“请完成所有评价项”。
  • 原因与解决：直接设置radio.checked = true或$().prop('checked', true)只能改变属性，但可能无法触发前端框架（如Vue、React）或原生JS监听的数据绑定和验证事件。
    • 必须使用.click()或.trigger('click')：就像我在代码中做的，一定要用jQuery或原生DOM的click()方法来模拟真实点击。
    • 触发change事件：在某些情况下，点击后还需要触发change事件：$(maxRadio).click().trigger('change');。
    • 检查是否有星级评分组件：如果页面用的是自定义的星星图片（div或span），那么需要找到对应点击的元素，而不是input。你需要分析点击星星时，是哪个DOM元素被点击了。

5.3 提交后页面不跳转或脚本中断

  • 症状：提交一门课后，页面停留在原处，或者脚本停止运行，不处理下一门课。
  • 排查：
    1. 检查checkSubmitResult逻辑：确认isSuccessPage()函数能正确识别成功提示。成功提示可能是弹窗(alert)、div提示层或者页面整体刷新。可能需要调整选择器。
    2. 处理异步提交：很多现代网站使用Ajax提交表单，提交后页面不会刷新，只是在当前页显示成功提示。你需要观察提交时的网络请求（F12的Network面板），看是否是一个XHR/Fetch请求。如果是，脚本需要等待这个请求完成，并根据返回的JSON结果判断是否成功，然后手动触发返回列表或下一门课的逻辑。这可能意味着你需要重写submitForm和checkSubmitResult函数，去模拟点击“继续评价”或“下一门”的按钮。
    3. 利用window.sessionStorage传递状态：正如我在代码中提到的，在列表页点击按钮前，将当前索引存入sessionStorage。在表单页提交成功后，从sessionStorage读取索引，加1，然后模拟点击浏览器“后退”按钮（history.back()）回到列表页，脚本重新运行后，再根据存储的索引处理下一门课。这是一个相对可靠的跨页面流程控制方法。

5.4 被检测为自动化操作的风险

虽然概率不高，但我们需要有基本的防范意识。

  • 症状：操作过程中弹出验证码，或者提交失败提示“操作过于频繁”。
  • 应对策略：
    • 增加随机延迟：不要在操作间使用固定的延迟，可以设计一个函数生成500ms ~ 1500ms之间的随机延迟，让操作节奏更接近真人。
    • 模拟人类操作轨迹：对于关键按钮的点击，可以尝试用JS模拟一个缓慢移动并点击的鼠标事件，但这在油猴脚本中实现较复杂。
    • 适可而止：如果一门课评价失败（如遇到验证码），脚本应记录日志并跳过，继续尝试下一门，而不是卡死。可以在控制面板显示失败列表，让用户手动补评。
    • 终极方案：如果系统验证非常严格，这个简单的油猴脚本可能就不够用了。需要考虑使用更强大的、能处理验证码的自动化框架（如Python + Selenium + 打码平台），但那已超出本“一键”工具的初衷。

5.5 脚本通用性优化建议

为了让脚本适配更多学校，可以将其设计得更具配置性。

  1. 提取配置为变量：将所有的关键选择器（列表选择器、按钮选择器、评分项特征、成功提示特征）提取到脚本开头的配置对象中。
    const CONFIG = { school: 'your_school_name', courseListSelector: '#evalCourseList tbody tr', evaluateBtnSelector: 'td:last-child a', radioNamePattern: /^pj\d+$/, // 匹配评分项name的正则 successIndicator: '.alert.alert-success', // ... 其他配置 };
  2. 提供配置界面：在控制面板中增加一个“高级设置”区域，允许经验用户直接填写这些选择器，并保存到GM_setValue中。这样，同一个脚本经过简单配置，就能在不同学校使用。
  3. 社区维护：可以建立一个简单的配置文件库，收集不同学校正方系统的页面特征和对应的选择器配置，供用户选择导入。

6. 扩展思路与高级玩法

如果你觉得基础的自动评价已经满足需求，这里还有一些可以深入探索的方向，让这个工具变得更加强大和智能。

6.1 差异化评价与智能填充

全部五星和统一评语虽然省事，但略显敷衍。我们可以让脚本变得更“聪明”一些。

  • 基于课程类型的评价：在课程列表页，我们可以尝试解析课程名称。如果课程名包含“实验”、“实践”，我们可以自动选择“动手实践环节充分”等相关评语；如果是“理论”、“概论”，则选择“理论体系完整”等评语。这需要建立一个简单的关键词-评语映射表。
  • 随机化与人性化：准备一个评语库，包含多条正面但表述不同的评语。每次评价时随机选取一条，或者根据评分项的组合来生成评语，使得评价看起来更真实。
  • 非满分评价：有些同学可能希望对某些课程或某些指标给出非满分评价。可以在控制面板增加一个“评价策略”选项，例如：“全部满分”、“随机4-5星”、“对名称含‘水’课的给3星”等。

6.2 状态持久化与断点续评

评价到一半浏览器崩溃了怎么办？我们可以实现断点续评功能。

  • 实现原理：利用GM_setValue存储当前已成功评价的课程ID列表。每成功提交一门课，就将该课程的标识（可以从按钮的href或onclick参数中提取）存入数组。
  • 流程改进：在列表页开始时，先读取已评价列表，然后过滤掉已评价的课程，只对剩余的课程进行操作。
  • 用户界面：在控制面板显示“已评价X门，剩余Y门”，并提供“重置进度”的按钮。

6.3 封装为独立浏览器扩展

油猴脚本虽然方便，但功能受限于Tampermonkey提供的API。如果你希望拥有更独立的图标、更丰富的后台页面（Popup）和选项页（Options），可以考虑将其开发成一个独立的Chrome或Edge浏览器扩展。

  • 优势：拥有独立的扩展图标，可以设置快捷键启动；权限管理更清晰；可以更方便地集成更复杂的库。
  • 核心迁移：扩展的content_script部分与油猴脚本非常相似，都是向页面注入JS。你需要学习扩展的manifest.json配置、背景脚本（background）、弹出页面等概念。将油猴脚本的核心逻辑移植到content_script中即可。

最后，我想强调的是，技术是工具，初衷是为了提升效率、解放人力。在开发和使用这类自动化脚本时，务必保持克制和尊重。确保你的操作不会对服务器造成不必要的负担，填写的评价内容至少是中性或建设性的。这个项目最大的价值，或许不在于那几行自动点击的代码，而在于你通过分析页面、设计流程、解决bug所锻炼出的实际问题解决能力。当你下次遇到任何重复的网页操作时，你都知道该如何去思考和分析，并有可能亲手打造一个属于自己的“一键”工具。

网站建设 企业官网 运营推广
返回列表