企业官网建设流程全解析

Automa 浏览器自动化：搭通第一个流程

【免费下载链接】automaA browser extension for automating your browser by connecting blocks项目地址: https://gitcode.com/gh_mirrors/au/automa

周一早上，同一组账号密码要填进三个后台、两张报表，点来点去手都机械了。Automa 是个做浏览器自动化的扩展，它的思路是把打开网页、填表单、点按钮这些动作拆成一个一个的块，你用线把它们连起来，就得到一条能自动跑的工作流。

它到底能帮你做什么

每天要在固定网站做同一套登录、填表、提交的，Automa 提供表单填写和点击块，你配一次选择器和内容，之后每次执行它都替你填好点完，你只负责确认结果。

想从页面抓一批数据的，Automa 用"获取文本"块配合循环，把列表里每一项的内容逐条读出来存进表格，抓完还能导出，或写进 Google Sheets，不用再手动复制粘贴。

有些活儿到点就得干、又不能老盯着页面看的，Automa 支持定时和条件触发，你设好间隔或日期时间，工作流到点自己开跑，页面一有变化也能接着触发下一步。

从零到第一次跑通

先在浏览器扩展商店里搜索 Automa 并安装，装完点右上角图标就能打开主界面。新建一个工作流，画布是空白的，先从左侧块列表里拖一个触发块进来，它是整条流程的起点。接着把"打开新标签"块连到它后面，填上你要访问的网址，再拖一个"表单填写"块，用内置的元素选择器点中页面上那个输入框，把要填的内容写进去。最后连上一个"点击"块，同样用选择器点中提交按钮，把几个块从左到右依次接好。点运行按钮，新标签页会自己打开、填字、点按钮，你在日志面板里能顺着看到每一步的执行情况。如果是从源码玩，pnpm install之后pnpm dev会起一个本地构建，再把build/目录以非打包扩展的方式加载进浏览器就行。

跟着做一遍：自动填一个搜索框并提交

这一步我们用仓库里自带的 Google search 示例走一遍。先在画布上放一个触发块，选手动触发就行，它的作用是给你一个手动按下"开始"的入口。把它连到"打开新标签"块，URL 填一个搜索引擎的地址，这样每次运行都会先打开一个干净的页面。再连上"表单填写"块，选中搜索输入框，把要搜的词写进值里，这一步就是告诉 Automa 往哪个框、填什么。最后连一个"点击"块，选中那个搜索按钮，流程到这里就跑完了。运行之后你会看到一个新标签打开、输入框被填好、结果页自动刷出来，全程没碰鼠标。

用得深一点

要抓的不是一项而是一整列列表时，用循环元素块套住"获取文本"，它会按选择器匹配到的每一个元素轮流走一遍里面的块，列表多长就抓多长。

某个块偶尔会失败、但你又不想让整条流程停下来的，给这个块单独配"出错时"的策略：可以设置重试几次、间隔多久，或直接跳过继续往下走，失败的分支还能走到回退块里。

想让工作流在页面发生特定变化时才动作的，用元素变化触发；想让它在固定时间跑的，用日期时间或间隔触发，工作流引擎 里负责把这些触发和块的执行串到一起。

踩过的坑，帮你排掉

点了按钮没反应→ 多半是目标元素在点击时还没渲染出来，或者选择器依赖了会变动的 class。用内置元素选择器重新拾取一次，或给块打开"等待选择器"。

抓回来的是空数据→ 选择器只命中外层容器，没进到真正的文本节点。在选择器输入框里点"验证"确认有没有命中，再在"获取文本"块里改成按文本内容取值。

跑一半就停了→ 某个块超时或找不到元素，默认策略是"抛出错误"。进块设置把"出错时"改成"继续"，或给它设上重试次数，日志里也能看到具体卡在哪一步。

你可能想问的

需要会写代码吗？不用，整条流程靠拖块和填配置就能搭出来，只有"执行 JS 代码"这类块才需要你写脚本。

支持哪些浏览器？Chrome 和 Firefox 都能用，工作流还能导出再导入，方便把一套流程分享给同事复用。

周一那三个后台两张报表，现在只要点一下运行就能跑完。下一步去 README 里翻一遍完整的块列表，或者打开元素选择器，先把你最常填的那个框练一下手。

【免费下载链接】automaA browser extension for automating your browser by connecting blocks项目地址: https://gitcode.com/gh_mirrors/au/automa