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/ 瞭解更多使用方法。

Git 倉庫：https://github.com/Kholid060/automa

Github 愛好者 我們是一羣 Github 愛好者，專注分享有價值、有趣的開源項目和學習資料，包括 Python、Golang、Java、Rust、AI、前端、運維、數據分析、大數據、雲計算、Kubernetes、Service Mesh 等領域資源。

本文由 Readfog 進行 AMP 轉碼，版權歸原作者所有。
來源：https://mp.weixin.qq.com/s/2JKFe6KQN53P_Q08tO0PJQ