Chrome，yyds！

公众号关注 “GitHubDaily”

设为 “星标”，每天带你逛 GitHub！

大家好，我是小 G。

相信在座大部分从事软件开发工作的同学都与我一样，每天在 PC 端上使用最多的几类产品，无非是浏览器、代码编辑器与命令行终端。

一旦提到浏览器，自然不免俗的要提到那个倍受开发者喜爱的 Google Chrome。

2008 年，Google 发文宣称将正式推出一款重磅产品：Google Chrome。此后，便开启了 Chrome 疯狂扩张，一步步蚕食市场的巨无霸时代。

截至今日，它已成为全球市场占有率最高的浏览器，市场占比将近 70%（NetMarketShare 统计报告）：

过去几年，小 G 也一直将 Chrome 设置成了电脑端默认浏览器。但最喜欢它的一点，还是其丰富强大的插件平台：Chrome Web Store。

在 GitHub 上面，经常会有开发者自制并发布一些颇为实用的 Chrome 插件，他们都不约而同的，背负上一个相同使命：解放双手，为提高生产力而生！

今天刚好借此机会，跟大家聊聊，最近在 GitHub 爆火的一款 Chrome 插件：Automa。

简单来说，该插件可通过连接不同的任务区块，来自定义浏览器工作流，帮你自动化处理日常那些琐碎且重复性的工作。

就像下面视频展示的这样：

从视频中，大家可以看到，工作流可执行表单填写、屏幕截图、网站数据抓取等各种重复性工作。

接下来，小 G 将以该视频为示例，为你讲解如何「快速打造一个自动化搜索工作流」。

使用示例

首先，在插件安装成功后，你需要先创建并命名一个工作流：

然后在工作流中，通过左侧面板提供的各项组件，来快速拼装工作流程。

比方说 Trigger 区块，便可以执行一次触发操作；New Tab 区块，则会打开一个新的标签页，并且可以指定要访问的网站。

如下图所示的工作流，即可实现：触发一个打开新标签页的动作，并在新标签页访问 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/