Automa 讓 Chrome 瀏覽器自動化重複工作,不懂程式碼也能設計



你日常的雲端工作流程、上網學習步驟,有沒有一些常常重複的繁瑣動作,想要更節省時間的自動化處理呢?那麼或許可以研究看看今天要跟大家分享的這款 Google Chrome 瀏覽器擴充套件:「 Automa 」。

「 Automa 」的訴求是:「從自動填寫表單、執行重複性任務、截取螢幕截圖到抓取網站數據,您想使用此擴充套件做什麼取決於您。您還可以安排自動化執行的時間。」

舉個簡單的例子來說,每隔幾天我固定要打開電腦玩物看看最新的幾篇文章,或是每天我要打開 Google 新聞看看幾篇頭條,有沒有可能把「點開網站、點開頭幾篇文章」這樣的步驟自動化呢?甚至設計一個時間自動開啟?

透過「 Automa 」這個 Chrome 工具,即使我們不懂任何程式碼,都可以在簡單排列組合各種功能後,建立起自己需要的瀏覽器自動化流程。




就讓我們用前面所說的簡單例子,來試試看「 Automa 」的基本功能吧!

首先,在 Chrome 瀏覽器安裝「 Automa 」。安裝完成後不需要註冊什麼帳號,這是一個在本機端處理的工具。

進入「 Automa 」的 Dashboard ,可以看到目前建立的「自動化流程」,以及之前執行過的相關紀錄。




切換到「 Workflows 」頁面,點擊右方的「 New workflow 」,建立一個屬於你自己的自動化工作流程。




在打造自動化流程的畫面,左方可以看到許多「功能方塊」,有些是設定啟動方式、時間,有些是操作網頁中的功能,總之把需要的「功能方塊」移動到右方。

在右方的工作流程版面,可以組合這些「功能方塊」,並拉出「流程連結線」,最後「 Automa 」就可以根據我們設計好的功能啟動順序,自動執行這個工作流程了。




就讓我以簡單的「打開電腦玩物網站,並開啟最新的第一篇文章」為例,可以如何在「 Automa 」設計一個 workflow 呢?

首先,拉一個「 Trigger 」方塊到右方,這是最重要的方塊,代表要如何啟動這個工作流程。

點擊「 Trigger 」方塊的編輯按鈕(鉛筆),可以設定啟動的方式:
  • Manually :手動啟動,隨時按下自動執行這個流程的按鈕,就可以自動執行所有步驟。
  • Interval:重複時間重複執行
  • On Specific date:某個日期時間自動啟動。
  • When visit a website:打開某個網頁自動啟動。
  • Keyboard shortcut:快捷鍵啟動。




接著,拉一個「 New Tab 」功能方塊到右方,這個功能代表開啟一個新分頁,我可以在網址列填入「 https://www.playpcesor.com/ 」,這樣就等於是開啟電腦玩物新網頁的意思。




我可以在兩個功能方塊之間拉出連結線,方法就是按住空心圓點,拉動到實心圓點,就能串連。

有時候,明明已經拉好線,但畫面沒有顯示出來,這時候不是功能故障,只是畫面顯示的 BUG ,你只要放大縮小一下畫面,就正常了。




我希望打開電腦玩物新網頁後,還自動點擊第一篇新文章,那麼我可以像下面這樣設計。

拉動一個「 Click element 」功能方塊到下一步流程,在功能方塊的編輯畫面,輸入「最新文章的網頁物件代碼」。

但這時候就有個問題,我們怎麼知道「最新文章的網頁物件代碼」呢?放心,「 Automa 」已經內建了可以幫我們快速獲取的工具。




為了獲得電腦玩物網站最新一篇文章的物件位置代碼,我先來到電腦玩物網站。

接著在擴充功能列打開「 Automa 」選單,點擊「瞄準」的按鈕。




進入瞄準介面後,我們只要直接點擊想要的區塊、按紐,左下方就會出現「物件位置代碼」。

我只要把這個代碼,複製貼上到「 Click element 」的欄位中即可。

是不是非常簡單?




最後,如果我設定是手動啟動,就可以利用右上方的「 Automa 」選單,隨時啟動我設計好的自動化流程。

然後上述設計就可以幫我打開電腦玩物網站的第一篇文章了。




如果說,我想要在 Google 新聞網站,一次開啟前面幾篇頭條新聞呢?

下面是我製作的簡單流程:
  • 「 Trigger 」,設定為手動啟動
  • 「 New Tab 」,設定為打開 Google 新聞網站。
  • 「 Click element 」第一個:打開第一篇頭條。
  • 「 Click element 」第二個:打開第二篇頭條。




當然,深入研究,「 Automa 」還可以完成像是在指定欄位輸入特定內容等等需求,就讓需要的朋友進一步研究看看了。

如果你有什麼自動化的好想法,也歡迎跟我分享。

對 Chrome 擴充工具有興趣的朋友,還可以延伸閱讀:

(歡迎社群分享。但全文轉載請來信詢問,禁止修改上述內文,禁止商業使用,並且必須註明來自電腦玩物原創作者 esor huang 異塵行者,及附上原文連結:Automa 讓 Chrome 瀏覽器自動化重複工作,不懂程式碼也能設計

留言

  1. 我嘗試了一下,看看能不能用這個寫出一個自動幫我分享YouTube影片到FB社團的方法,但除了分享影片之外還要複製說明欄的前幾行內容
    結果現在卡在不知道要如何點開"顯示完整資訊"XD
    再來研究研究

    回覆刪除
  2. 我也有嘗試設定了一個workflow ,可以在打開特定網頁的狀況下,自動幫我完成登記每日的體溫量測紀錄,就是可以透過不同的觸發條件起動workflow ,也可達到想要實現的效果,但是仍出現許多Bug需要克服

    回覆刪除
  3. 很有意思的工具,希望能夠繼續更新完善

    回覆刪除
  4. 難道是Selenium殺手嗎?(並不是

    回覆刪除

張貼留言

為了避免垃圾廣告留言過多,開始測試「留言管理」機制,讓我可以更容易回應讀者留言,並更簡單過濾掉廣告,但只要不是廣告留言都會通過審核。

這個網誌中的熱門文章

只需準備一本空白筆記本,讓年度計畫有效實現

全家沖印、 7-11 列印照片誰好用?立可得與 ibon教學+比較表

內建 Windows 10 螢幕錄影功能:用遊戲列錄製軟體教學影片

Polymer 自動把 Excel 試算表轉成漂亮資料庫網頁,互動檢索更專業

5 種線上白板工具推薦,解決流程圖到腦力激盪的教學、會議需求

Zen Wireframe 極簡 Wireframe 線框圖工具,快速完成產品草稿圖

Draw.io 中文線上製作流程圖首選!專業水準完全免費

[高效能職場筆記法-2] 整理任務雜亂資料前,想想我們如何執行任務

AnyDesk 最快的遠端桌面軟體,免費免安裝中文教學