來源：AirPython

作者：星安果

1. 前言

大家好，我是安果！

之前推薦過很多優(yōu)秀的 Web 自動化工具，比如：Selenium、Helium、Cypress、Pyppeteer 等

利用它們實現(xiàn)自動化的前提是必須安裝依賴、下載瀏覽器驅(qū)動，并且還需要掌握一定的編碼基礎(chǔ)

那有沒有一款針對零基礎(chǔ)編碼，低代碼的工具，能夠幫助我們完成 Web 端的自動化呢？

本篇文章將介紹另外一款自動化工具，即：Automa

2. Automa 介紹

Automa 是一款 Chrome 插件，它能針對 Chrome 瀏覽器完成一系列自動化操作，并且可以執(zhí)行重復(fù)性任務(wù)、網(wǎng)頁截圖、數(shù)據(jù)爬蟲等功能

項目地址：

https://github.com/kholid060/automa

插件地址：

https://chrome.google.com/webstore/detail/automa/infppggnoaenmfagbfknfkancpbljcca

類似于 Node Red 工業(yè)級可視化流程工具，Automa 通過拖拽構(gòu)建流程，完成 UI 自動化

3. 功能介紹

安裝 Automa 插件后，打開插件進(jìn)入主頁

主頁會展示自動化項目列表及運行日志，從左側(cè)側(cè)邊欄可以進(jìn)入到 Workflows 工作流程 Tab 中

右上角提供導(dǎo)入工作流「 Import workflow 」、新建工作流「 New workflow 」兩個入口自

創(chuàng)建項目后，會進(jìn)入到工作流編輯頁面，這里用于構(gòu)建自動化流程；左側(cè)區(qū)域是操作區(qū)域，右側(cè)區(qū)域是主流程構(gòu)建區(qū)域

Automa 提供 4 類操作，分別是：

• 通用操作：Trigger 觸發(fā)、Delay 延遲、導(dǎo)出數(shù)據(jù)（ JSON / CSV / Plain text 純文本 ）、Repeat task 重復(fù)任務(wù)
• 瀏覽器操作：Active tab、New tab、Go back 后退、Go forward 前進(jìn)、Close tab 關(guān)閉、Take screenshot 截圖
• Web 元素操作：Click element 點擊、Get text 獲取文本、Scroll element 滾動、Link 鏈接、Attribute value 元素屬性值、Forms 提交表單、JS 腳本執(zhí)行、Trigger event 觸發(fā)事件
• 條件操作：Conditions 條件判斷、Element exists 元素存在

需要指出的是，Automa 還提供了網(wǎng)頁元素選擇器定位功能，只需要點擊插件界面的「 Element Selector 」圖標(biāo)，然后選擇目標(biāo)控件，左下角就會顯示控件的的選擇器

PS：另外 Automa 插件還提供了快速獲取父元素、子元素選擇器的功能

4. 實戰(zhàn)一下

下面通過「 百度一下 」講講怎么使用 Automa

首先，創(chuàng)建一個項目

這時主操作區(qū)域會包含一個操作「 Trigger 」，它作為一個「 啟動節(jié)點 」，默認(rèn)執(zhí)行方式為 Manually，即：人工方式

PS：也可以配置為間隔執(zhí)行、定時執(zhí)行、訪問某個網(wǎng)址觸發(fā)、通過自定義快捷鍵運行等方式運行

然后，從左側(cè)操作區(qū)域選擇「 New Tab 」操作拖拽到右側(cè)編輯區(qū)域，通過連接線連接「 啟動節(jié)點 」

編輯這個節(jié)點，輸入目標(biāo)網(wǎng)站地址：https://www.baidu.com

再添加一個條件操作節(jié)點「 Element exists 」，以百度搜索輸入框元素存在作為執(zhí)行條件

接著，通過操作「 Forms 」向輸入框中輸入內(nèi)容，使用「 Click element 」操作模擬點擊搜索按鈕

最后，使用「 Delay 」操作模擬在頁面停留 0.5s，利用「 Take screenshot 」截取網(wǎng)頁圖片

完整的自動化流程圖如下：

5. 最后

上面通過一個簡單的自動化操作闡述了 Automa 使用的完整流程

Automa 提供的操作在 Web 自動化中基本可以滿足實際工作要求，另外在工作流程中可以拖入「 JavaScript 」操作來完成一些復(fù)雜的自動化場景