1. 前言
大家好，我是安果！
之前推薦過很多優秀的 Web 自動化工具，比如：Selenium、Helium、Cypress、Pyppeteer 等
利用它們實現自動化的前提是必須安裝依賴、下載瀏覽器驅動，並且還需要掌握一定的編碼基礎
那有沒有一款針對零基礎編碼，低代碼的工具，能夠幫助我們完成 Web 端的自動化呢？
本篇文章將介紹另外一款自動化工具，即：Automa
2. Automa 介紹
Automa 是一款 Chrome 插件，它能針對 Chrome 瀏覽器完成一系列自動化操作，並且可以執行重複性任務、網頁截圖、數據爬蟲等功能
項目地址：
https://github.com/kholid060/automa
插件地址：
https://chrome.google.com/webstore/detail/automa/infppggnoaenmfagbfknfkancpbljcca
類似於 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 」圖標，然後選擇目標控件，左下角就會顯示控件的的選擇器
PS：另外 Automa 插件還提供了快速獲取父元素、子元素選擇器的功能
4. 實戰一下
下面通過「 百度一下 」講講怎麼使用 Automa
首先，創建一個項目
這時主操作區域會包含一個操作「 Trigger 」，它作爲一個「 啓動節點 」，默認執行方式爲 Manually，即：人工方式
PS：也可以配置爲間隔執行、定時執行、訪問某個網址觸發、通過自定義快捷鍵運行等方式運行
然後，從左側操作區域選擇「 New Tab 」操作拖拽到右側編輯區域，通過連接線連接「 啓動節點 」
編輯這個節點，輸入目標網站地址：https://www.baidu.com
再添加一個條件操作節點「 Element exists 」，以百度搜索輸入框元素存在作爲執行條件
接着，通過操作「 Forms 」向輸入框中輸入內容，使用「 Click element 」操作模擬點擊搜索按鈕
最後，使用「 Delay 」操作模擬在頁面停留 0.5s，利用「 Take screenshot 」截取網頁圖片
完整的自動化流程圖如下：
PS：文末提供了工作流文件，有需要的小夥伴可以直接導入測試
5. 最後
上面通過一個簡單的自動化操作闡述了 Automa 使用的完整流程
Automa 提供的操作在 Web 自動化中基本可以滿足實際工作要求，另外在工作流程中可以拖入「 JavaScript 」操作來完成一些複雜的自動化場景
文中提到的實例流程文件我已經上傳到後臺，關注公衆號「 AirPython 」後回覆關鍵字「 automa」即可以獲取
如果你覺得文章還不錯，請大家 點贊、分享、留言 下，因爲這將是我持續輸出更多優質文章的最強動力！
推薦閱讀