今天得空看了看論壇,發現有人在推廣一個Chrome瀏覽器上的Web UI自動化工具,定位是做自動化簡單重復性任務。
Automa的訴求是從自動化填寫表單、執行重復性任務、屏幕截圖、抓取網頁信息等功能,此外還提供定時任務功能方便提升效率。
這款插件吸引我的兩點:1.無代碼UI自動化操作;2.拖拽連接組合用例。就我體驗來講,這個插件在瀏覽器操作功能比較文檔,但是網頁元素交互的功能還有待提高。視頻中點擊熱門視頻的操作直接翻車了。
為了達到一定的演示效果,我先展示一張我自己寫的打開B站的熱門視頻頁面的用例截圖。
上圖左側是編輯面板區域,編輯面板右側是用例展示區域。
下面我要正式開始介紹Automa了,按照我的慣例自然要錄制一個視頻配合本文。
安裝
可以選擇直接去Chrome Web store下載安裝,地址:https://chrome.google.com/webstore/detail/automa/infppggnoaenmfagbfknfkancpbljcca,你也可以去作者GitHub:https://github.com/Kholid060/automa上發現其他安裝方式。這里不便多說,各位自行領會。
主頁功能介紹
如圖1部分就是功能切換:首頁、工作流、歷史記錄。
如圖2部分就是工作流(我個人稱為用例)部分,展示了用例的名字和運行按鈕,以及最近的一次編輯時間。
如圖3部分是執行記錄,按照時間由近及遠排序。
工作流
功能比較簡單,主要是創建工作流,導出導入工作流。
核心工作區
左側編輯器提供了四類功能:通用功能(開始、延遲、重復、導出數據);瀏覽器功能(新標簽頁、回退、前進、關閉、截屏);網頁操作(點擊、獲取文本、滾動、鏈接、獲取屬性、提交表單);邏輯判斷(條件判斷、是否存在)。
日志
這個沒啥可說的,這里就省略了。
插件
搜索功能是搜索用例的,旁邊的定位按鈕點擊之后跟Chrome控制台箭頭一樣的功能,可以展示出所選元素的selector信息,一建復制創建用例,這個非常實用。