用AI开发谷歌浏览器网页自动化器插件
先记录下日常,今天在花都吃了一个挺好吃的干蒸菜,探了两次才寻到,花都美食你可藏得真深啊,里面人还挺多的,价格实惠这里才50块!!味道杠杠的,边蒜干蒸排骨绝对招牌菜了!下次得再去尝尝羊肉煲。
作为一个牛马打工人,每天都有一个重复要处理的事项——就是每天要在特定网页上处理同事的更新申请,就跟批阅文件一样无脑点击,流程说起来简单得很:点[我的任务]→右键点[审批]→输入[同意]→点[提交]→[导出]等等
别看步骤少不占时间,一天来个五六次也是挺烦的,开始也琢磨过用影刀或者爬虫来解决,毕竟都是自动化的好帮手。但仔细想想,这点小场景用它们,属实有点“杀鸡用牛刀”了。
思来想去,还是觉得开发个浏览器插件最靠谱!毕竟整个操作场景都在网页里,插件直接嵌在浏览器里,用起来多方便。
说到开发浏览器插件,啥web前端/html之类的0基础,但根据我的经验,推荐谷歌浏览器的框架。之前试过用火狐,总会遇到一些莫名其妙的报错,兼容性确实没谷歌好,省心得多。
这次开发我是用了两个AI,豆包负责梳理业务逻辑和初始代码,把整个审批流程的步骤、要点拆解清楚并提供初始框架代码;后期优化迭代美化就交给deepseek。
首先是把操作流程每一个步骤给到豆包,问它我要实现这个功能,需要我这边继续提供什么。
我需要开发一个浏览器自动化插件用来实现网页自动化点击应该还要提供什么给你,步骤点[我的任务]→右键点[审批]→输入[同意]→点[提交]→点[导出]
根据影刀获取元素的经验,就知道要去开发者工具复制一些元素地址。
那就好说了f12进入捕抓按钮位置右键复制元素,具体的元素定位信息,例如CSS或者XPath,把原来的提示词进一步补充完整。
然后拖进浏览器拓展工具,点击插件就是下图显示的样子。
就这样,一个专属的网页自动化插件诞生了,再也不用被那些重复操作消耗精力,打工人终于能从枯燥中偷个懒啦~