大家好，我是小 G。

相信在座大部分從事軟體開發工作的同學都與我一樣，每天在PC端上使用最多的幾類產品，無非是瀏覽器、代碼編輯器與命令行終端。

一旦提到瀏覽器，自然不免俗的要提到那個倍受開發者喜愛的 Google Chrome。

2008年，Google 發文宣稱將正式推出一款重磅產品：Google Chrome。 此後，便開啟了 Chrome 瘋狂擴張，一步步蠶食市場的巨無霸時代。

截至今日，它已成為全球市場佔有率最高的瀏覽器，市場佔比將近 70%（NetMarketShare 統計報告）：

過去幾年，小 G 也一直將 Chrome 設置成了電腦端默認瀏覽器。 但最喜歡它的一點，還是其豐富強大的外掛程式平臺：Chrome Web Store。

在 GitHub 上面，經常會有開發者自製併發佈一些頗為實用的 Chrome 外掛程式，他們都不約而同的，背負上一個相同使命：解放雙手，為提高生產力而生！

今天剛好藉此機會，跟大家聊聊，最近在 GitHub 爆火的一款 Chrome 外掛程式：Automa。

簡單來說，該外掛程式可通過連接不同的任務區塊，來自定義瀏覽器工作流，幫你自動化處理日常那些瑣碎且重複性的工作。

就像下面視頻展示的這樣：

新一代 Chrome 自動化工作流神器https://www.zhihu.com/video/1443667972804521984

從視頻中，大家可以看到，工作流可執行表單填寫、螢幕截圖、網站數據抓取等各種重複性工作。

接下來，小 G 將以該視頻為範例，為你講解如何「快速打造一個自動化搜索工作流」。

使用範例

首先，在外掛程式安裝成功后，你需要先創建並命名一個工作流：

然後在工作流中，通過左側面板提供的各項元件，來快速拼裝工作流程。

比方說 Trigger 區塊，便可以執行一次觸發操作;New Tab 區塊，則會打開一個新的標籤頁，並且可以指定要訪問的網站。

如下圖所示的工作流，即可實現：觸發一個打開新標籤頁的動作，並在新標籤頁訪問 http://google.com 網站。

如果要在打開的網站搜索東西，比方說 StackOverflow，就需要再添加一個 Forms（表單）和一個 Click Element（點擊）區塊。

選中並編輯Froms區塊，為其指定具體的選擇器ID與搜索文字。

選中並編輯 Click Element 區塊，為其指定選擇器 ID。

PS：選擇器ID的作用，是為了幫助外掛程式找到頁面中的具體元件。 選擇器ID的獲取方法，可看上文提供的視頻。

完成這幾項操作之後，我們便成功打造了一個搜索工作流，可自動執行在新標頁打開Google，並搜索出StackOverflow相關的內容：

不僅如此，當你需要延後或定時執行工作時，還能設置任務的執行時間，以滿足多種不同場景的使用需求。

從使用需求上看，Automa 可以覆蓋的場景其實非常多！

比如，給客戶展示一個 Web 網站的操作方案、自動化運行爬蟲腳本、跑專案流程測試等等。

在這篇文章裡面，給大家展示出來的 Automa 功能只是九牛一毛，通過點擊、獲取文本、表單填寫、事件觸發等操作，可以組配很多有意思的工作流。

百聞不如一試，建議大家多上手實操試用。 具體操作流程，可按本文給出的視頻為例。

專案位址與外掛程式位址也幫你們準備好了，周末沒事的時候去把玩一下吧！

GitHub：https://github.com/Kholid060/automa

Chrome Store：https://chrome.google.com/webstore/detail/automa/infppggnoaenmfagbfknfkancpbljcca/

---

文末，照舊安利一波我們的公眾號：GitHubDaily，主要分享比較實用或有趣的開發工具與開源項目，偶爾也會聊聊技術圈內最近發生的新鮮事，感興趣的小夥伴可以關注一下~