Chrome 自動化神器 - Automa
前面我們介紹了幾款比較優秀的 Chrome 插件，大家都覺得好用，比如 Omni，這些工具都是為提高生產力而生的，今天我們又來介紹另外一款火爆的開源 Chrome(也支持 Firefox)插件：Automa，我相信你一定也會喜歡的。
Automa 是一個用于 Chrome 瀏覽器自動化的插件，從自動填寫表格、執行重復性任務、截屏、抓取網站數據等等，完全可以根據你自己的需求來決定如何使用。
安裝
最簡單的方式可以通過打開 Chrome 網上應用店 https://chrome.google.com/webstore/detail/infppggnoaenmfagbfknfkancpbljcca 打開并單擊添加到 chrome按鈕即可安裝 Automa chrome 擴展程序。
當然也可以根據源碼構建進行離線安裝：
# Clone 代碼
git clone https://github.com/Kholid060/automa.git && cd automa
# 安裝依賴
yarn install
# 構建插件包
yarn build
# 創建一個zip包
yarn build:zip
# 然后將構建后的插件拖到瀏覽器插件頁面即可
使用
安裝完成后會跳轉到歡迎頁面，左側是整個工具可操作的菜單。
可以通過閱讀文檔了解 Automa 如何使用，Automa 官方市場也提供了許多可用的工作流可以直接使用。在工作流頁面可以導入或新建工作流。工作流是由塊組成的一系列自動化過程，這些塊按照它們連接的順序執行，并且總是從觸發塊開始。可以通過錄制和手動兩種方式創建工作流。默認會自帶一個 Google search 的工作流。
點擊工作流可以進入編輯頁面。比如現在我們來新建一個下載抖音視頻的工作流。點擊新建工作流創建一個新的工作流，默認會添加一個手動的觸發器。
然后在左側工具欄中拖動活動標簽頁到編輯器，并拖動鼠標將觸發器與活動標簽頁鏈接起來：
接著我們需要獲取抖音的視頻文件，可以在需要處理的頁面點擊Automa獲取元素信息:
由于抖音的視頻文件地址并沒有直接顯示在頁面上，直接獲取較麻煩，我們可以在抖音頁面審查元素來獲取，打開審查元素頁面，Ctrl + F 搜索mp4關鍵字，找到視頻地址的元素，然后右鍵選擇 Copy -> Copy XPath，獲取視頻地址 XPath 路徑 //*[@id="douyin-header"]/div[2]/div[2]/div/div[1]/div/div/xg-video-container/video/source[1]：
然后回到 Automa 工作流編輯頁面添加一個屬性值，并配置上 XPath：
這里比較重要的是要配置獲取的屬性名稱src，然后我們還可以將獲取到的數據分配給一個變量videosrc，接著可以再添加一個新建標簽頁，將其中的 URL 地址設置為：https:{{ variables@videosrc}}，表示將前面獲取到的視頻文件作為一個新的標簽頁地址，如下所示：
創建完工作流后保存即可。現在我們就可以在任何一個抖音頁面來獲取視頻地址了，只需要點擊上面創建工作流的『播放』按鈕即可獲取到了。
如果你想直接保存到本地也可以繼續添加一些 Block。
Automa 還有非常多功能，可以查看官方文檔 https://docs.automa.site/ 了解更多使用方法。
