1、前言

通過瀏覽器插件可實現自動化腳本的錄制與編寫，具有代表性的工具就是：Selenium IDE、Katalon Recorder，對于簡單的業務來說可快速實現自動化的上手工作。

Selenium IDE

Katalon Recorder

本篇將介紹一款類似的瀏覽器自動化工具-Automa，除了可錄制與編寫腳本外，它還有一個獨特的功能，就是可以通過連接塊的可視化來對自動化腳本進行編寫與維護。

2、簡介

Automa 是用于瀏覽器自動化的瀏覽器擴展。可進行自動填寫表單、執行重復性任務、截取屏幕截圖到抓取網站數據等。 

支持的瀏覽器：Chrome、Firefox，可通過各應用插件商店進行獲取下載與安裝。

官網地址：

https://www.automa.site/

3、快速上手

以 Firefox 的 Automa 插件為例。

打開后，可以看到用例是以工作流的形式來體現的。系統語言由英文可以切換為中文。

可以先進行錄制或者新建工作流。

以錄制工作流為例，輸入名稱后，點擊錄制，開始在瀏覽器上按照所要實現的步驟操作就可以了。

操作的步驟都會記錄下來。

點擊停止錄制后，腳本錄制完成。

點擊執行，發現網頁是打開了，但是沒有進行輸入操作。

進入此工作流，就進入到了連接塊頁面。可以看到左側提供了各種模塊，可以幫助實現和完善你的自動化腳本。

通過元素選擇器，可以獲取頁面上的元素屬性，支持CSS、XPath。

分析后發現第3步不對，將點擊元素模塊替換為表單模塊，并輸入測試數據，再次執行。

執行完成后，是預期想要的操作步驟，查看日志，每個步驟都打印出來了。

通過設置觸發器，可設置在不同條件下來自動執行腳本。

也可通過計劃，來添加工作流實現不同的執行方式。