初始思路
最近在写后台配置脚本。每天需要配置两三个高度格式化的内容，想实现复制粘贴需求后一键填入，相当于自动提交表单。跟AI讨论后确定用JS书签实现：方便快速，不用找来找去，点击就能用。聊的过程中解锁新方法：直接点击书签触发，链路短了很多。
方案是：点击书签触发弹窗，粘贴配置，自动解析生成代码，复制到控制台发送，自动填充表单。
脚本生成
解析部分用正则匹配即可。难点在于找到浏览器里所有表单入口，辨别方式，做填充脚本。方法是：右键检查入口代码，看到它的选择器，把HTML结构复制给AI，告诉它要填的具体标准内容，给一个样例，生成脚本。
跨域问题
实践遇到难点：页面是多层框架嵌套，做了跨域处理，直接在控制台操作不生效。必须先定位子框架入口，发送代码才能填充。这复杂化了链路：点击书签弹出窗口，粘贴配置，跳转到新页面，新页面写具体代码，复制代码，回到配置页，右键检查找入口，定位位置后再发送代码，才能正常填充。
完成后还是觉得步骤繁杂，希望直接粘贴到剪切板。但页面做了处理，必须两秒内点击复制，不然失焦后剪切板就变成上一次内容。
核心思路
虽然链路变长，相比手动填写还是省了不少时间。这套方法的核心是通用的：书签触发，解析需求，生成代码，自动填充。不只是表单提交，其他重复操作也能套用。
以版署表格下载为例
同事每次下载后要整理发新闻，得去网上下载。但网页CSS构造导致结构很乱，复制下来要清除格式，很麻烦。想有个脚本，点一下直接下载整个表格。
拓展一下，表格命名也可自定义。比如命名成发版号那天的日期，取当前时间或页面某位置文本作为文件名，都很简单。
提示词示例
以版署需求为例，提示词可以这样写：
写一段JS书签代码，要求在版署页面（真实网址）下点一下书签，自动下载页面表格内容为CSV文件，文件命名格式为"版署新发版号游戏+当前日期"。
沟通要点
举一反三，写这种简单JS书签脚本处理网页内容，可以这么跟AI沟通：
第一，明确需求。要做什么，比如JS书签脚本；用什么浏览器，IE和现代浏览器兼容性不一样，要说清楚。
第二，把需求拆细。工具目的是什么，填充或下载，继续拆解成每个步骤。AI想太多容易和业务细节冲突，后台是人写的，有些不规范，会跟AI构思产生偏差。要细致讲清楚思路，比如前面流程图里的步骤。
版署例子就很明确：点一下书签，下载页面表格命名为"最新日期+版署新发版号"。需求明确，发给AI马上生成代码，测试就能用。
评论