1. 从“跑腿填表”到“一键提交”这个快捷指令到底解决了什么每到需要临时出校办事的时候最让人头疼的往往不是事情本身而是那一套固定的流程打开某个应用、找到对应的服务入口、逐项填写个人信息、选择出校类型、填写事由、选定时间、提交、截图保存、再发给负责审批的人。整套动作下来熟练的人也要花上两三分钟赶上网络卡顿或者应用响应慢五分钟都打不住。更麻烦的是如果一周要出去好几次每次都得重复这套机械操作填的内容还高度雷同纯粹是在消耗时间和耐心。我做的这个快捷指令核心目标就一个把“重复填写固定信息”这件事彻底自动化。你只需要在第一次配置时把自己的学号、姓名、联系方式、常见的出校事由等基础信息录入进去之后每次申请只需要点一下图标选择出校时间段和事由类型剩下的表单填写、页面跳转、提交动作全部由快捷指令自动完成。整个过程从原来的两三分钟压缩到十秒以内而且不会因为手滑填错字段。这个方案适合几类人一是频繁需要短时出校、事由相对固定的同学二是对手机操作不太熟练、每次填表都怕填错的长辈式用户三是想学习快捷指令进阶用法、了解如何用自动化工具处理日常重复任务的效率爱好者。哪怕你之前完全没接触过快捷指令只要跟着步骤走也能在半小时内搭出一套可用的版本。需要提前说明的是这类自动化的本质是“模拟人工操作”它并不会绕过任何审批环节也不会修改任何审批规则只是帮你把该填的信息更快地填好、该点的按钮更快地点到。审批结果仍然由负责老师根据实际情况判断这一点必须先明确。2. 动手之前必须想清楚的几件事原理、边界与前置条件2.1 快捷指令到底是怎么“替你填表”的很多人第一次听说用快捷指令自动填表会以为它有什么特殊接口可以直接往系统里写数据。实际上绝大多数这类自动化走的都是同一条路模拟用户在页面上的点击和输入。具体来说快捷指令通过“打开URL”“等待”“获取网页内容”“在网页上运行JavaScript”等动作配合“显示网页视图”或直接调用系统浏览器把原本需要手指完成的动作变成代码指令。这里面有一个关键概念叫“DOM操作”。简单理解每个网页在浏览器眼里都是一棵由标签组成的树输入框、按钮、下拉菜单都是树上的节点。快捷指令可以在页面加载完成后通过JavaScript找到这些节点然后执行“给这个输入框赋值”“点击那个按钮”的操作。所以整个方案能不能跑通取决于目标页面是否允许这种脚本注入以及页面结构是否稳定。注意如果目标页面有较强的安全校验机制比如动态令牌、行为验证、加密参数等纯前端脚本方案可能会失效。这种情况下需要换思路比如用“半自动”方式——快捷指令只负责准备好文本你手动粘贴。2.2 为什么选择快捷指令而不是其他方案市面上能实现类似效果的工具不少比如某些自动化点击类应用、浏览器插件、甚至自己写脚本。我最终选择快捷指令主要基于几个现实考量。第一是系统原生。快捷指令是iOS自带的应用不需要额外安装、不需要信任企业证书、不会因为系统升级突然失效。对于普通用户来说这是门槛最低、最稳定的选择。第二是隐私可控。整个流程中你的个人信息只存在自己的手机里快捷指令不会把数据上传到任何第三方服务器。相比某些需要登录账号、同步数据的第三方工具这一点对涉及学号、联系方式的信息来说很重要。第三是分享方便。快捷指令可以导出为文件分享给同学对方导入后只需要修改自己的个人信息就能用。这种“模板化分发”的能力是很多自动化工具不具备的。当然它也有局限。快捷指令的JavaScript执行环境相对封闭调试手段有限遇到复杂页面时排查问题会比较费劲。而且它高度依赖iOS版本不同系统版本之间动作名称和参数可能有差异。这些在后面都会具体讲到。2.3 开始之前需要准备什么在动手搭建之前先把这几样东西准备好能省掉后面很多来回折腾的时间。一部运行较新iOS版本的手机。建议iOS 15及以上因为部分网页操作动作在旧版本上不稳定。目标服务的完整访问路径。也就是说你需要先手动走一遍完整流程把每一步的页面地址、需要填的字段、按钮的位置都记录下来。一份个人信息清单。包括学号、姓名、手机号、常用出校事由、紧急联系人等。这些是后面要写进快捷指令里的变量。快捷指令应用的“允许不受信任的快捷指令”开关已打开。在设置里找到快捷指令选项把相关权限打开否则导入的快捷指令无法运行。至少预留半小时的调试时间。第一次搭建不可能一次成功需要反复试跑、看日志、调整参数。把这些准备好之后就可以进入正式的搭建环节了。3. 拆解目标页面找到自动化的切入点3.1 先手动走一遍完整流程并记录关键节点这一步看起来笨但绝对不能跳过。你需要打开目标服务从入口开始一步一步操作到提交成功同时用另一台设备或者纸笔记录下每个关键节点。我自己的记录方式是这样的每进入一个新页面就截一张图然后在备忘录里写下这个页面的作用、有哪些输入框、哪些是必填、哪些是选填、提交按钮长什么样。比如第一个页面可能是统一身份认证第二个页面是服务列表第三个页面是申请表单第四个页面是确认提交页。每个页面的URL也一并记下来后面会用到。记录的时候特别注意这几点页面加载是同步的还是异步的也就是内容是一下子全出来还是先出框架再慢慢填充输入框有没有默认值下拉菜单的选项是固定列表还是根据前一项动态变化提交前有没有二次确认弹窗。这些细节直接决定了后面脚本要写多复杂。3.2 判断页面类型静态表单还是动态渲染这是整个方案里技术含量最高的一步也是最容易翻车的地方。你需要判断目标页面到底是“静态表单”还是“动态渲染”。静态表单的意思是页面HTML里直接包含了所有输入框和按钮的标签浏览器加载完就能看到完整结构。这种页面最好处理JavaScript可以直接找到节点并操作。动态渲染的意思是页面初始HTML里只有一个空壳真正的表单内容是后面通过JavaScript异步加载进来的。这种情况下如果你在页面还没加载完就去操作会找不到节点脚本直接报错。判断方法很简单在浏览器里查看页面源代码如果源代码里能看到输入框的标签就是静态的如果源代码里只有一堆脚本引用看不到实际表单就是动态的。对于动态页面解决方案是加“等待”动作。但等待多久合适等太短页面没加载完等太长整个流程变慢。我的经验是先设一个保守值比如5秒跑通之后再逐步缩短找到最短可靠等待时间。有些情况下还可以用“等待条件”而不是“等待时间”也就是让快捷指令反复检查某个元素是否出现出现了再继续。这个后面会具体讲。3.3 找到输入框和按钮的“身份证”在网页里每个元素都有一些属性可以用来定位它比如id、name、class、placeholder等。你需要找到那些稳定且唯一的属性作为脚本里的“选择器”。举个例子一个学号输入框的HTML可能是这样的input typetext idstudentId namesid placeholder请输入学号这里面idstudentId就是最理想的定位依据因为id在同一个页面里通常是唯一的。如果id是动态生成的、每次刷新都变那就退而求其次用name或者placeholder。最差的情况是只能用class但class往往多个元素共用需要配合层级关系来定位。按钮也是同理。提交按钮可能是button idsubmitBtn提交申请/button也可能是a classbtn-primary确认/a。把每个需要操作的元素的选择器都记下来后面写脚本时直接填进去。提示如果页面结构比较复杂可以用浏览器的开发者工具在电脑上打开页面按F12来查看元素。手机上虽然也能看但操作起来远不如电脑方便。建议在电脑上完成这一步分析再把选择器抄到手机快捷指令里。4. 搭建快捷指令的完整过程从零到可运行4.1 创建快捷指令并规划动作流程打开快捷指令应用新建一个快捷指令给它起个容易识别的名字比如“出校申请一键提交”。然后开始往里面添加动作。整个流程我建议分成四段来规划信息收集段、页面跳转段、表单填写段、提交确认段。信息收集段负责弹出菜单让你选择出校事由和时间段页面跳转段负责打开目标页面并等待加载表单填写段负责往各个输入框里填值提交确认段负责点击提交按钮并处理可能的弹窗。为什么要分段因为这样调试的时候可以一段一段验证。比如先只做信息收集段跑一下看菜单能不能正常弹出、变量能不能正确保存。确认没问题了再加页面跳转再确认再加表单填写。如果一股脑全写完再跑出了问题根本不知道是哪一段的毛病。4.2 用“从菜单中选取”动作收集出校信息第一个要加的动作是“从菜单中选取”。这个动作会弹出一个列表让你选选中的结果可以存成变量供后面使用。具体配置是这样的在菜单标题里写“请选择出校事由”然后添加几个常见选项比如“就医”“办事”“面试”“回家”“其他”。每个选项对应一个文本值这个值就是后面要填进表单里的内容。如果你想让事由更具体可以在选项里直接写完整描述比如“就医-校医院转诊”。时间段的选择稍微麻烦一点。因为表单里通常需要填开始时间和结束时间而快捷指令的“从菜单中选取”只能选一个值。我的做法是准备几组常用的时间段组合比如“上午8点-12点”“下午2点-6点”“晚上6点-10点”每组作为一个选项选中后把对应的开始和结束时间分别存成两个变量。如果你需要更灵活的时间选择可以用“要求输入”动作让用户手动输入但这样会多一步操作牺牲了一点便捷性。我个人的取舍是常用时间段用菜单选特殊时间用“其他”选项触发手动输入。这样兼顾了效率和灵活性。4.3 打开目标页面并处理登录态页面跳转段的核心动作是“打开URL”。把之前记录的目标页面地址填进去快捷指令就会用默认浏览器打开这个页面。这里有一个关键问题登录态。如果目标服务需要登录才能访问而你的登录状态已经过期那么打开页面后会跳到登录页后面的表单填写脚本就全部失效了。处理方式有两种。第一种是依赖系统浏览器的持久登录态。也就是说你平时用浏览器访问这个服务时选择了“记住登录状态”那么快捷指令打开页面时通常也是已登录的。这种方式最简单但登录态过期后需要手动重新登录一次。第二种是在快捷指令里内置登录步骤。也就是先打开登录页填入账号密码提交登录再跳转到目标页面。这种方式更可靠但把密码写在快捷指令里存在一定风险而且如果登录页有验证码自动化就会失败。我的建议是采用第一种方式同时在快捷指令开头加一个“检查登录态”的逻辑打开目标页面后等待几秒然后检查页面上是否出现了某个只有登录后才会显示的元素。如果没有出现就弹出一个提示“登录已过期请先手动登录”并终止流程。这样虽然不能全自动处理登录但至少不会在登录失效时默默失败。4.4 用JavaScript往输入框里填值这是整个快捷指令的核心部分。你需要添加一个“在网页上运行JavaScript”动作然后把写好的脚本粘贴进去。脚本的基本结构是这样的先等待页面加载完成然后依次找到每个输入框把对应的值赋进去最后触发一下输入事件让页面知道值变了。// 等待页面加载完成 function waitForElement(selector, timeout) { return new Promise((resolve, reject) { const startTime Date.now(); const timer setInterval(() { const el document.querySelector(selector); if (el) { clearInterval(timer); resolve(el); } else if (Date.now() - startTime timeout) { clearInterval(timer); reject(new Error(元素未找到: selector)); } }, 200); }); } // 填写输入框的通用函数 function fillInput(selector, value) { const el document.querySelector(selector); if (!el) return false; el.focus(); el.value value; el.dispatchEvent(new Event(input, { bubbles: true })); el.dispatchEvent(new Event(change, { bubbles: true })); el.blur(); return true; } // 主流程 (async function() { try { await waitForElement(#studentId, 10000); fillInput(#studentId, 你的学号); fillInput(#studentName, 你的姓名); fillInput(#phone, 你的手机号); fillInput(#reason, 就医); fillInput(#startTime, 2025-01-01 08:00); fillInput(#endTime, 2025-01-01 12:00); return 填写完成; } catch (e) { return 出错: e.message; } })();这段脚本里有几个细节值得展开说。waitForElement函数的作用是轮询检查某个元素是否出现最多等10秒。这比固定等待5秒要可靠得多因为页面加载速度受网络影响波动很大固定等待要么不够要么浪费。fillInput函数里连续触发了input和change两个事件这是必须的。很多现代网页框架比如React、Vue不会直接读取输入框的value属性而是监听输入事件来更新内部状态。如果你只赋值不触发事件页面上看起来填进去了但提交时框架拿到的还是空值。这个坑我踩过不止一次排查了很久才找到原因。el.focus()和el.blur()是为了模拟真实的输入行为。有些页面会在输入框获得焦点时才加载下拉选项或者失去焦点时才做格式校验。加上这两个动作能提高兼容性。4.5 点击提交按钮并处理确认弹窗表单填完之后下一步是点击提交按钮。如果提交按钮是普通的button或a标签直接调用click()方法就行document.querySelector(#submitBtn).click();但实际情况往往更复杂。很多系统在提交前会弹出一个确认框问你“确定要提交吗”需要再点一次“确定”。这种确认框可能是浏览器原生的confirm弹窗也可能是页面自己画的模态框。浏览器原生弹窗处理起来比较麻烦因为JavaScript默认会阻塞在弹窗上脚本无法继续执行。这种情况下我的做法是把提交动作拆成两步第一步脚本只负责填表和点击提交按钮然后快捷指令等待几秒再用第二个JavaScript动作去点击确认按钮。如果确认按钮在模态框里用选择器找到它并点击即可。还有一种情况是提交后页面会跳转到一个结果页显示“提交成功”或“提交失败”。你可以在脚本最后加一段逻辑检查页面上是否出现了成功提示文字然后把结果返回给快捷指令让快捷指令弹出一个通知告诉你结果。这样你点完快捷指令就可以把手机放一边等通知就行。5. 调试阶段最容易卡住的几个地方5.1 脚本报错但不知道错在哪快捷指令的JavaScript环境不像电脑浏览器那样有完整的开发者工具出错时往往只给一个模糊的提示甚至什么都不显示。我的排查方法是“分段返回法”把脚本拆成几段每段执行完就return一个标识字符串看看到底执行到哪一步就停了。比如先只写return 脚本开始;跑一下看能不能返回。能返回说明脚本被正确执行了。然后逐步往后加代码每加一段就return一次直到某次返回的不是预期值就说明问题出在那一段。这个方法笨但有效尤其是在没有调试工具的情况下。另一个技巧是用try...catch把可能出错的代码包起来在catch里返回具体的错误信息。这样至少能看到是“元素未找到”还是“权限不足”还是别的什么。5.2 填进去的值提交后变成空的这是最经典的问题前面提过根源是没触发输入事件。但还有一种可能是选择器选错了元素。比如页面上有两个id相同的元素虽然不规范但确实存在querySelector只会返回第一个而真正生效的是第二个。这种情况下需要用querySelectorAll取所有匹配元素然后遍历找到可见的那个。还有一种情况是输入框被包裹在iframe里。如果目标表单在iframe中主页面的JavaScript是访问不到iframe内部元素的需要先切换到iframe的上下文。快捷指令对这种场景支持有限遇到iframe基本只能放弃纯脚本方案改用模拟点击的方式。5.3 页面加载太慢导致脚本超时前面给的waitForElement函数设了10秒超时如果网络特别慢10秒可能不够。可以把超时时间调大比如30秒。但更好的做法是优化等待逻辑不要等整个页面加载完而是只等你需要操作的那个元素出现。因为页面可能有很多图片、广告之类的资源拖慢整体加载但表单本身早就渲染好了。另外如果目标页面是单页应用SPA页面切换时URL变了但页面没有真正刷新这时候waitForElement可能会找到上一个页面残留的同名元素。处理办法是在等待之前先确认当前URL是否正确或者给选择器加上更具体的父级限定。5.4 不同iOS版本动作名称不一致快捷指令在不同iOS版本里有些动作的名称和参数确实会变。比如“在网页上运行JavaScript”这个动作在某个版本里可能叫“在Safari中运行JavaScript”参数位置也不一样。如果你照着网上的教程搭发现找不到对应的动作先检查系统版本然后在动作搜索框里搜关键词通常能找到对应版本的正确名称。我的建议是尽量用最基础、最通用的动作避免依赖某个版本特有的功能。这样搭出来的快捷指令兼容性更好分享给同学也不容易出问题。6. 让这套方案更耐用的几个进阶思路6.1 把个人信息抽出来做成独立配置如果你打算把这个快捷指令分享给别人用不要把学号姓名硬编码在JavaScript里。更好的做法是在快捷指令开头加几个“文本”动作把个人信息存成变量然后在JavaScript里通过参数传入。具体实现是在“在网页上运行JavaScript”动作里有一个“输入”参数可以把前面准备好的变量传进去。脚本里通过arguments[0]、arguments[1]来接收。这样别人导入你的快捷指令后只需要修改开头那几个文本动作的内容不用去动JavaScript代码。6.2 加一个“提交前预览”步骤全自动提交虽然快但万一填错了信息提交出去就比较麻烦。我后来加了一个“预览”步骤脚本填完所有字段后不立即提交而是返回一个摘要快捷指令用“显示提醒”动作把摘要弹出来让你确认无误后再点“确认提交”。这样既保留了自动化的效率又加了一道人工检查的保险。实现方式是把脚本拆成两个第一个脚本负责填表并返回填好的内容摘要快捷指令显示摘要并等待确认确认后再运行第二个脚本点击提交。多了一步交互但心里踏实很多。6.3 用“快捷指令自动化”实现定时提醒如果你每周固定某几天需要出校可以创建一个个人自动化在指定时间比如前一天晚上自动运行这个快捷指令弹出提醒问你“明天是否需要提交出校申请”。你点“是”就直接进入申请流程点“否”就结束。这样连“想起来要申请”这件事都省了。创建方法是打开快捷指令的“自动化”标签页新建个人自动化选择“特定时间”设置好时间和重复周期然后添加“运行快捷指令”动作选择你搭好的那个申请指令。注意要把“运行前询问”打开否则它会直接执行而不给你确认的机会。6.4 记录每次申请的历史在快捷指令最后加一个“追加到文件”动作把每次申请的时间、事由、提交结果写到一个文本文件里。日积月累你就有了一个完整的出校记录。这个记录一方面方便自己回顾另一方面如果某次申请出了问题也能快速查到当时填了什么。文件可以存在iCloud Drive里这样换手机也不会丢。格式用简单的CSV就行每行一条记录用逗号分隔字段。后面如果想做统计直接导入表格软件就能分析。7. 一些实际使用后的体会这套快捷指令我用了挺长时间最大的感受是自动化的价值不在于省下的那几分钟而在于消除了“每次都要重新想一遍怎么填”的认知负担。以前每次出校前都要在脑子里过一遍流程现在只需要点一下、选两下剩下的不用管了。这种心理上的轻松感比时间上的节省更明显。另一个体会是不要追求一步到位的全自动。我一开始也想做成完全无人值守的版本但实际调试下来发现页面结构会变、登录态会过期、网络会波动任何一环出问题都会导致整个流程失败。后来改成“半自动”——关键步骤留一个人工确认点——反而更稳定、更让人放心。自动化工具是帮你省力的不是给你添堵的这个度要把握好。还有一点页面结构变化是这类方案最大的敌人。目标服务改版一次你的选择器可能就全失效了。所以建议在脚本里加一些容错逻辑比如某个元素找不到时不要直接崩溃而是返回一个明确的错误信息告诉你哪个选择器失效了。这样改版之后你能快速定位问题而不是面对一个“运行失败”的提示干瞪眼。最后说一个容易被忽略的点测试的时候用真实数据但提交前想清楚。调试阶段难免要反复提交测试申请如果这些测试申请会进入审批流程、给负责老师造成困扰那就不好了。我的做法是先用一个明显是测试的事由比如“测试-请忽略”提交一两次确认流程通了之后再用真实事由正式提交。这样既完成了调试又不会产生无效的审批请求。 
长河君 · 2026/10/20 8:22:12 · 阅读 1.2k iOS快捷指令自动填表：出校申请一键提交实战
1. 从“跑腿填表”到“一键提交”这个快捷指令到底解决了什么每到需要临时出校办事的时候最让人头疼的往往不是事情本身而是那一套固定的流程打开某个应用、找到对应的服务入口、逐项填写个人信息、选择出校类型、填写事由、选定时间、提交、截图保存、再发给负责审批的人。整套动作下来熟练的人也要花上两三分钟赶上网络卡顿或者应用响应慢五分钟都打不住。更麻烦的是如果一周要出去好几次每次都得重复这套机械操作填的内容还高度雷同纯粹是在消耗时间和耐心。我做的这个快捷指令核心目标就一个把“重复填写固定信息”这件事彻底自动化。你只需要在第一次配置时把自己的学号、姓名、联系方式、常见的出校事由等基础信息录入进去之后每次申请只需要点一下图标选择出校时间段和事由类型剩下的表单填写、页面跳转、提交动作全部由快捷指令自动完成。整个过程从原来的两三分钟压缩到十秒以内而且不会因为手滑填错字段。这个方案适合几类人一是频繁需要短时出校、事由相对固定的同学二是对手机操作不太熟练、每次填表都怕填错的长辈式用户三是想学习快捷指令进阶用法、了解如何用自动化工具处理日常重复任务的效率爱好者。哪怕你之前完全没接触过快捷指令只要跟着步骤走也能在半小时内搭出一套可用的版本。需要提前说明的是这类自动化的本质是“模拟人工操作”它并不会绕过任何审批环节也不会修改任何审批规则只是帮你把该填的信息更快地填好、该点的按钮更快地点到。审批结果仍然由负责老师根据实际情况判断这一点必须先明确。2. 动手之前必须想清楚的几件事原理、边界与前置条件2.1 快捷指令到底是怎么“替你填表”的很多人第一次听说用快捷指令自动填表会以为它有什么特殊接口可以直接往系统里写数据。实际上绝大多数这类自动化走的都是同一条路模拟用户在页面上的点击和输入。具体来说快捷指令通过“打开URL”“等待”“获取网页内容”“在网页上运行JavaScript”等动作配合“显示网页视图”或直接调用系统浏览器把原本需要手指完成的动作变成代码指令。这里面有一个关键概念叫“DOM操作”。简单理解每个网页在浏览器眼里都是一棵由标签组成的树输入框、按钮、下拉菜单都是树上的节点。快捷指令可以在页面加载完成后通过JavaScript找到这些节点然后执行“给这个输入框赋值”“点击那个按钮”的操作。所以整个方案能不能跑通取决于目标页面是否允许这种脚本注入以及页面结构是否稳定。注意如果目标页面有较强的安全校验机制比如动态令牌、行为验证、加密参数等纯前端脚本方案可能会失效。这种情况下需要换思路比如用“半自动”方式——快捷指令只负责准备好文本你手动粘贴。2.2 为什么选择快捷指令而不是其他方案市面上能实现类似效果的工具不少比如某些自动化点击类应用、浏览器插件、甚至自己写脚本。我最终选择快捷指令主要基于几个现实考量。第一是系统原生。快捷指令是iOS自带的应用不需要额外安装、不需要信任企业证书、不会因为系统升级突然失效。对于普通用户来说这是门槛最低、最稳定的选择。第二是隐私可控。整个流程中你的个人信息只存在自己的手机里快捷指令不会把数据上传到任何第三方服务器。相比某些需要登录账号、同步数据的第三方工具这一点对涉及学号、联系方式的信息来说很重要。第三是分享方便。快捷指令可以导出为文件分享给同学对方导入后只需要修改自己的个人信息就能用。这种“模板化分发”的能力是很多自动化工具不具备的。当然它也有局限。快捷指令的JavaScript执行环境相对封闭调试手段有限遇到复杂页面时排查问题会比较费劲。而且它高度依赖iOS版本不同系统版本之间动作名称和参数可能有差异。这些在后面都会具体讲到。2.3 开始之前需要准备什么在动手搭建之前先把这几样东西准备好能省掉后面很多来回折腾的时间。一部运行较新iOS版本的手机。建议iOS 15及以上因为部分网页操作动作在旧版本上不稳定。目标服务的完整访问路径。也就是说你需要先手动走一遍完整流程把每一步的页面地址、需要填的字段、按钮的位置都记录下来。一份个人信息清单。包括学号、姓名、手机号、常用出校事由、紧急联系人等。这些是后面要写进快捷指令里的变量。快捷指令应用的“允许不受信任的快捷指令”开关已打开。在设置里找到快捷指令选项把相关权限打开否则导入的快捷指令无法运行。至少预留半小时的调试时间。第一次搭建不可能一次成功需要反复试跑、看日志、调整参数。把这些准备好之后就可以进入正式的搭建环节了。3. 拆解目标页面找到自动化的切入点3.1 先手动走一遍完整流程并记录关键节点这一步看起来笨但绝对不能跳过。你需要打开目标服务从入口开始一步一步操作到提交成功同时用另一台设备或者纸笔记录下每个关键节点。我自己的记录方式是这样的每进入一个新页面就截一张图然后在备忘录里写下这个页面的作用、有哪些输入框、哪些是必填、哪些是选填、提交按钮长什么样。比如第一个页面可能是统一身份认证第二个页面是服务列表第三个页面是申请表单第四个页面是确认提交页。每个页面的URL也一并记下来后面会用到。记录的时候特别注意这几点页面加载是同步的还是异步的也就是内容是一下子全出来还是先出框架再慢慢填充输入框有没有默认值下拉菜单的选项是固定列表还是根据前一项动态变化提交前有没有二次确认弹窗。这些细节直接决定了后面脚本要写多复杂。3.2 判断页面类型静态表单还是动态渲染这是整个方案里技术含量最高的一步也是最容易翻车的地方。你需要判断目标页面到底是“静态表单”还是“动态渲染”。静态表单的意思是页面HTML里直接包含了所有输入框和按钮的标签浏览器加载完就能看到完整结构。这种页面最好处理JavaScript可以直接找到节点并操作。动态渲染的意思是页面初始HTML里只有一个空壳真正的表单内容是后面通过JavaScript异步加载进来的。这种情况下如果你在页面还没加载完就去操作会找不到节点脚本直接报错。判断方法很简单在浏览器里查看页面源代码如果源代码里能看到输入框的标签就是静态的如果源代码里只有一堆脚本引用看不到实际表单就是动态的。对于动态页面解决方案是加“等待”动作。但等待多久合适等太短页面没加载完等太长整个流程变慢。我的经验是先设一个保守值比如5秒跑通之后再逐步缩短找到最短可靠等待时间。有些情况下还可以用“等待条件”而不是“等待时间”也就是让快捷指令反复检查某个元素是否出现出现了再继续。这个后面会具体讲。3.3 找到输入框和按钮的“身份证”在网页里每个元素都有一些属性可以用来定位它比如id、name、class、placeholder等。你需要找到那些稳定且唯一的属性作为脚本里的“选择器”。举个例子一个学号输入框的HTML可能是这样的input typetext idstudentId namesid placeholder请输入学号这里面idstudentId就是最理想的定位依据因为id在同一个页面里通常是唯一的。如果id是动态生成的、每次刷新都变那就退而求其次用name或者placeholder。最差的情况是只能用class但class往往多个元素共用需要配合层级关系来定位。按钮也是同理。提交按钮可能是button idsubmitBtn提交申请/button也可能是a classbtn-primary确认/a。把每个需要操作的元素的选择器都记下来后面写脚本时直接填进去。提示如果页面结构比较复杂可以用浏览器的开发者工具在电脑上打开页面按F12来查看元素。手机上虽然也能看但操作起来远不如电脑方便。建议在电脑上完成这一步分析再把选择器抄到手机快捷指令里。4. 搭建快捷指令的完整过程从零到可运行4.1 创建快捷指令并规划动作流程打开快捷指令应用新建一个快捷指令给它起个容易识别的名字比如“出校申请一键提交”。然后开始往里面添加动作。整个流程我建议分成四段来规划信息收集段、页面跳转段、表单填写段、提交确认段。信息收集段负责弹出菜单让你选择出校事由和时间段页面跳转段负责打开目标页面并等待加载表单填写段负责往各个输入框里填值提交确认段负责点击提交按钮并处理可能的弹窗。为什么要分段因为这样调试的时候可以一段一段验证。比如先只做信息收集段跑一下看菜单能不能正常弹出、变量能不能正确保存。确认没问题了再加页面跳转再确认再加表单填写。如果一股脑全写完再跑出了问题根本不知道是哪一段的毛病。4.2 用“从菜单中选取”动作收集出校信息第一个要加的动作是“从菜单中选取”。这个动作会弹出一个列表让你选选中的结果可以存成变量供后面使用。具体配置是这样的在菜单标题里写“请选择出校事由”然后添加几个常见选项比如“就医”“办事”“面试”“回家”“其他”。每个选项对应一个文本值这个值就是后面要填进表单里的内容。如果你想让事由更具体可以在选项里直接写完整描述比如“就医-校医院转诊”。时间段的选择稍微麻烦一点。因为表单里通常需要填开始时间和结束时间而快捷指令的“从菜单中选取”只能选一个值。我的做法是准备几组常用的时间段组合比如“上午8点-12点”“下午2点-6点”“晚上6点-10点”每组作为一个选项选中后把对应的开始和结束时间分别存成两个变量。如果你需要更灵活的时间选择可以用“要求输入”动作让用户手动输入但这样会多一步操作牺牲了一点便捷性。我个人的取舍是常用时间段用菜单选特殊时间用“其他”选项触发手动输入。这样兼顾了效率和灵活性。4.3 打开目标页面并处理登录态页面跳转段的核心动作是“打开URL”。把之前记录的目标页面地址填进去快捷指令就会用默认浏览器打开这个页面。这里有一个关键问题登录态。如果目标服务需要登录才能访问而你的登录状态已经过期那么打开页面后会跳到登录页后面的表单填写脚本就全部失效了。处理方式有两种。第一种是依赖系统浏览器的持久登录态。也就是说你平时用浏览器访问这个服务时选择了“记住登录状态”那么快捷指令打开页面时通常也是已登录的。这种方式最简单但登录态过期后需要手动重新登录一次。第二种是在快捷指令里内置登录步骤。也就是先打开登录页填入账号密码提交登录再跳转到目标页面。这种方式更可靠但把密码写在快捷指令里存在一定风险而且如果登录页有验证码自动化就会失败。我的建议是采用第一种方式同时在快捷指令开头加一个“检查登录态”的逻辑打开目标页面后等待几秒然后检查页面上是否出现了某个只有登录后才会显示的元素。如果没有出现就弹出一个提示“登录已过期请先手动登录”并终止流程。这样虽然不能全自动处理登录但至少不会在登录失效时默默失败。4.4 用JavaScript往输入框里填值这是整个快捷指令的核心部分。你需要添加一个“在网页上运行JavaScript”动作然后把写好的脚本粘贴进去。脚本的基本结构是这样的先等待页面加载完成然后依次找到每个输入框把对应的值赋进去最后触发一下输入事件让页面知道值变了。// 等待页面加载完成 function waitForElement(selector, timeout) { return new Promise((resolve, reject) { const startTime Date.now(); const timer setInterval(() { const el document.querySelector(selector); if (el) { clearInterval(timer); resolve(el); } else if (Date.now() - startTime timeout) { clearInterval(timer); reject(new Error(元素未找到: selector)); } }, 200); }); } // 填写输入框的通用函数 function fillInput(selector, value) { const el document.querySelector(selector); if (!el) return false; el.focus(); el.value value; el.dispatchEvent(new Event(input, { bubbles: true })); el.dispatchEvent(new Event(change, { bubbles: true })); el.blur(); return true; } // 主流程 (async function() { try { await waitForElement(#studentId, 10000); fillInput(#studentId, 你的学号); fillInput(#studentName, 你的姓名); fillInput(#phone, 你的手机号); fillInput(#reason, 就医); fillInput(#startTime, 2025-01-01 08:00); fillInput(#endTime, 2025-01-01 12:00); return 填写完成; } catch (e) { return 出错: e.message; } })();这段脚本里有几个细节值得展开说。waitForElement函数的作用是轮询检查某个元素是否出现最多等10秒。这比固定等待5秒要可靠得多因为页面加载速度受网络影响波动很大固定等待要么不够要么浪费。fillInput函数里连续触发了input和change两个事件这是必须的。很多现代网页框架比如React、Vue不会直接读取输入框的value属性而是监听输入事件来更新内部状态。如果你只赋值不触发事件页面上看起来填进去了但提交时框架拿到的还是空值。这个坑我踩过不止一次排查了很久才找到原因。el.focus()和el.blur()是为了模拟真实的输入行为。有些页面会在输入框获得焦点时才加载下拉选项或者失去焦点时才做格式校验。加上这两个动作能提高兼容性。4.5 点击提交按钮并处理确认弹窗表单填完之后下一步是点击提交按钮。如果提交按钮是普通的button或a标签直接调用click()方法就行document.querySelector(#submitBtn).click();但实际情况往往更复杂。很多系统在提交前会弹出一个确认框问你“确定要提交吗”需要再点一次“确定”。这种确认框可能是浏览器原生的confirm弹窗也可能是页面自己画的模态框。浏览器原生弹窗处理起来比较麻烦因为JavaScript默认会阻塞在弹窗上脚本无法继续执行。这种情况下我的做法是把提交动作拆成两步第一步脚本只负责填表和点击提交按钮然后快捷指令等待几秒再用第二个JavaScript动作去点击确认按钮。如果确认按钮在模态框里用选择器找到它并点击即可。还有一种情况是提交后页面会跳转到一个结果页显示“提交成功”或“提交失败”。你可以在脚本最后加一段逻辑检查页面上是否出现了成功提示文字然后把结果返回给快捷指令让快捷指令弹出一个通知告诉你结果。这样你点完快捷指令就可以把手机放一边等通知就行。5. 调试阶段最容易卡住的几个地方5.1 脚本报错但不知道错在哪快捷指令的JavaScript环境不像电脑浏览器那样有完整的开发者工具出错时往往只给一个模糊的提示甚至什么都不显示。我的排查方法是“分段返回法”把脚本拆成几段每段执行完就return一个标识字符串看看到底执行到哪一步就停了。比如先只写return 脚本开始;跑一下看能不能返回。能返回说明脚本被正确执行了。然后逐步往后加代码每加一段就return一次直到某次返回的不是预期值就说明问题出在那一段。这个方法笨但有效尤其是在没有调试工具的情况下。另一个技巧是用try...catch把可能出错的代码包起来在catch里返回具体的错误信息。这样至少能看到是“元素未找到”还是“权限不足”还是别的什么。5.2 填进去的值提交后变成空的这是最经典的问题前面提过根源是没触发输入事件。但还有一种可能是选择器选错了元素。比如页面上有两个id相同的元素虽然不规范但确实存在querySelector只会返回第一个而真正生效的是第二个。这种情况下需要用querySelectorAll取所有匹配元素然后遍历找到可见的那个。还有一种情况是输入框被包裹在iframe里。如果目标表单在iframe中主页面的JavaScript是访问不到iframe内部元素的需要先切换到iframe的上下文。快捷指令对这种场景支持有限遇到iframe基本只能放弃纯脚本方案改用模拟点击的方式。5.3 页面加载太慢导致脚本超时前面给的waitForElement函数设了10秒超时如果网络特别慢10秒可能不够。可以把超时时间调大比如30秒。但更好的做法是优化等待逻辑不要等整个页面加载完而是只等你需要操作的那个元素出现。因为页面可能有很多图片、广告之类的资源拖慢整体加载但表单本身早就渲染好了。另外如果目标页面是单页应用SPA页面切换时URL变了但页面没有真正刷新这时候waitForElement可能会找到上一个页面残留的同名元素。处理办法是在等待之前先确认当前URL是否正确或者给选择器加上更具体的父级限定。5.4 不同iOS版本动作名称不一致快捷指令在不同iOS版本里有些动作的名称和参数确实会变。比如“在网页上运行JavaScript”这个动作在某个版本里可能叫“在Safari中运行JavaScript”参数位置也不一样。如果你照着网上的教程搭发现找不到对应的动作先检查系统版本然后在动作搜索框里搜关键词通常能找到对应版本的正确名称。我的建议是尽量用最基础、最通用的动作避免依赖某个版本特有的功能。这样搭出来的快捷指令兼容性更好分享给同学也不容易出问题。6. 让这套方案更耐用的几个进阶思路6.1 把个人信息抽出来做成独立配置如果你打算把这个快捷指令分享给别人用不要把学号姓名硬编码在JavaScript里。更好的做法是在快捷指令开头加几个“文本”动作把个人信息存成变量然后在JavaScript里通过参数传入。具体实现是在“在网页上运行JavaScript”动作里有一个“输入”参数可以把前面准备好的变量传进去。脚本里通过arguments[0]、arguments[1]来接收。这样别人导入你的快捷指令后只需要修改开头那几个文本动作的内容不用去动JavaScript代码。6.2 加一个“提交前预览”步骤全自动提交虽然快但万一填错了信息提交出去就比较麻烦。我后来加了一个“预览”步骤脚本填完所有字段后不立即提交而是返回一个摘要快捷指令用“显示提醒”动作把摘要弹出来让你确认无误后再点“确认提交”。这样既保留了自动化的效率又加了一道人工检查的保险。实现方式是把脚本拆成两个第一个脚本负责填表并返回填好的内容摘要快捷指令显示摘要并等待确认确认后再运行第二个脚本点击提交。多了一步交互但心里踏实很多。6.3 用“快捷指令自动化”实现定时提醒如果你每周固定某几天需要出校可以创建一个个人自动化在指定时间比如前一天晚上自动运行这个快捷指令弹出提醒问你“明天是否需要提交出校申请”。你点“是”就直接进入申请流程点“否”就结束。这样连“想起来要申请”这件事都省了。创建方法是打开快捷指令的“自动化”标签页新建个人自动化选择“特定时间”设置好时间和重复周期然后添加“运行快捷指令”动作选择你搭好的那个申请指令。注意要把“运行前询问”打开否则它会直接执行而不给你确认的机会。6.4 记录每次申请的历史在快捷指令最后加一个“追加到文件”动作把每次申请的时间、事由、提交结果写到一个文本文件里。日积月累你就有了一个完整的出校记录。这个记录一方面方便自己回顾另一方面如果某次申请出了问题也能快速查到当时填了什么。文件可以存在iCloud Drive里这样换手机也不会丢。格式用简单的CSV就行每行一条记录用逗号分隔字段。后面如果想做统计直接导入表格软件就能分析。7. 一些实际使用后的体会这套快捷指令我用了挺长时间最大的感受是自动化的价值不在于省下的那几分钟而在于消除了“每次都要重新想一遍怎么填”的认知负担。以前每次出校前都要在脑子里过一遍流程现在只需要点一下、选两下剩下的不用管了。这种心理上的轻松感比时间上的节省更明显。另一个体会是不要追求一步到位的全自动。我一开始也想做成完全无人值守的版本但实际调试下来发现页面结构会变、登录态会过期、网络会波动任何一环出问题都会导致整个流程失败。后来改成“半自动”——关键步骤留一个人工确认点——反而更稳定、更让人放心。自动化工具是帮你省力的不是给你添堵的这个度要把握好。还有一点页面结构变化是这类方案最大的敌人。目标服务改版一次你的选择器可能就全失效了。所以建议在脚本里加一些容错逻辑比如某个元素找不到时不要直接崩溃而是返回一个明确的错误信息告诉你哪个选择器失效了。这样改版之后你能快速定位问题而不是面对一个“运行失败”的提示干瞪眼。最后说一个容易被忽略的点测试的时候用真实数据但提交前想清楚。调试阶段难免要反复提交测试申请如果这些测试申请会进入审批流程、给负责老师造成困扰那就不好了。我的做法是先用一个明显是测试的事由比如“测试-请忽略”提交一两次确认流程通了之后再用真实事由正式提交。这样既完成了调试又不会产生无效的审批请求。