网站首页 > 知识剖析 正文
1. 前言
Web 自动化工具有很多优秀的工具,比如:Selenium、Helium、Cypress、Pyppeteer 等
利用它们实现自动化的前提是必须安装依赖、下载浏览器驱动,并且还需要掌握一定的编码基础。
那有没有一款针对零基础编码,低代码的工具,能够帮助我们完成 Web 端的自动化呢?前几天接触Web 自动化工具可以免编程,只需要简单配置即可完成自动化。该软件的名字叫做Automa。
2. Automa 介绍
Automa 是一款 Chrome 插件,它能针对 Chrome 浏览器完成一系列自动化操作,并且可以执行重复性任务、网页截图、数据爬虫等功能
项目地址:
https://github.com/AutomaApp/automa
插件地址:
https://chrome.google.com/webstore/detail/automa/infppggnoaenmfagbfknfkancpbljcca?hl=zh-CN
类似于 Node Red 工业级可视化流程工具,Automa 通过拖拽构建流程,完成 UI 自动化
3. 功能介绍
安装 Automa 插件后,打开插件进入主页
主页会展示自动化项目列表及运行日志,从左侧侧边栏可以进入到 Workflows 工作流程 Tab 中
右上角提供导入工作流「 Import workflow 」、新建工作流「 New workflow 」两个入口自
创建项目后,会进入到工作流编辑页面,这里用于构建自动化流程;左侧区域是操作区域,右侧区域是主流程构建区域
Automa 提供 4 类操作,分别是:
- 通用操作:Trigger 触发、Delay 延迟、导出数据( JSON / CSV / Plain text 纯文本 )、Repeat task 重复任务
- 浏览器操作:Active tab、New tab、Go back 后退、Go forward 前进、Close tab 关闭、Take screenshot 截图
- Web 元素操作:Click element 点击、Get text 获取文本、Scroll element 滚动、Link 链接、Attribute value 元素属性值、Forms 提交表单、JS 脚本执行、Trigger event 触发事件
- 条件操作:Conditions 条件判断、Element exists 元素存在
需要指出的是,Automa 还提供了网页元素选择器定位功能,只需要点击插件界面的「 Element Selector 」图标,然后选择目标控件,左下角就会显示控件的的选择器
软件是默认是英文的,如果对英文不习惯的小伙伴可以设置一下中文
点击 settings->Language
选择“中文”,点击保存,然后打开就可以显示中文节目了。
4. 实战一下
下面通过「 启智AI协作平台 」讲讲怎么使用 Automa
首先,新建工作流。这里面工作流有三种方式:导入工作流,录制工作流,添加托管工作流。
我点击“录制工作流”,输入工作流名称
点击录制按钮
这个时候Automa变成录制状态。
我们输入输入目标网站地址:https://openi.pcl.ac.cn/
工作流会记录我们整个操作过程
点击取消完成登录录制工作。
我们打开工作流脚本查看它流转过程
接下来,我们点击 播放按钮,工作流程会将之前录制好的脚本执行。
上面通过一个简单的自动化操作阐述了 Automa 使用的完整流程
Automa 提供的操作在 Web 自动化中基本可以满足实际工作要求,另外在工作流程中可以拖入「 JavaScript 」操作来完成一些复杂的自动化场景
如果你觉得文章还不错,请大家 点赞、分享、留言 下,因为这将是我持续输出更多优质文章的最强动力!
猜你喜欢
- 2025-05-21 抓狂!表单提交数据丢失?4 个补救技巧竟藏致命盲区?
- 2025-05-21 新版谷歌Chrome浏览器将尝试阻止用户填写不安全表单提交
- 2025-05-21 如何查询及修改提交的数据,一次性回答你
- 2025-05-21 JMeter(接口、性能测试工具):支持哪些测试场景
- 最近发表
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)