Chrome,yyds!

2023-12-24 13:58
文章标签 chrome yyds

本文主要是介绍Chrome,yyds!,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

公众号关注 “GitHubDaily”

设为 “星标”,每天带你逛 GitHub!

e38e4ce4ed52a90aab335b5dda2e4f4a.png

大家好,我是小 G。

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

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

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

截至今日,它已成为全球市场占有率最高的浏览器,市场占比将近 70%(NetMarketShare 统计报告):

4b9f6b5f6ffee9b06be1f4791808dc0d.png

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

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

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

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

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

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

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

使用示例

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

c7f912c251cf63b62955a87597521276.png

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

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

如下图所示的工作流,即可实现:触发一个打开新标签页的动作,并在新标签页访问 google.com 网站。

c5fd3967197c4689b3748830cc05065c.png

如果要在打开的网站搜索东西,比方说 StackOverflow,就需要再添加一个 Forms(表单)和一个 Click Element(点击)区块。

选中并编辑 Froms 区块,为其指定具体的选择器 ID 与搜索文本。

1d1ea82b8393e62fdce8dca8bd3373f9.png

选中并编辑 Click Element 区块,为其指定选择器 ID。

cd07552a0992d41952bd540b4c9d441a.png

PS:选择器 ID 的作用,是为了帮助插件找到页面中的具体组件。选择器 ID 的获取方法,可看上文提供的视频。

完成这几项操作之后,我们便成功打造了一个搜索工作流,可自动执行在新标页打开 Google,并搜索出 StackOverflow 相关的内容:

17d275eb21866f8ec3cc1afd1834a138.png不仅如此,当你需要延后或定时执行工作时,还能设置任务的执行时间,以满足多种不同场景的使用需求。

从使用需求上看,Automa 可以覆盖的场景其实非常多!

比如,给客户展示一个 Web 网站的操作方案、自动化运行爬虫脚本、跑项目流程测试等等。

在这篇文章里面,给大家展示出来的 Automa 功能只是九牛一毛,通过点击、获取文本、表单填写、事件触发等操作,可以组配很多有意思的工作流。

百闻不如一试,建议大家多上手实操试用。具体操作流程,可按本文给出的视频为例。

项目地址与插件地址也帮你们准备好了,周末没事的时候去把玩一下吧!

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

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

这篇关于Chrome,yyds!的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/532000

相关文章

Python如何使用seleniumwire接管Chrome查看控制台中参数

《Python如何使用seleniumwire接管Chrome查看控制台中参数》文章介绍了如何使用Python的seleniumwire库来接管Chrome浏览器,并通过控制台查看接口参数,本文给大家... 1、cmd打开控制台,启动谷歌并制定端口号,找不到文件的加环境变量chrome.exe --rem

zeroclipboard 粘贴板的应用示例, 兼容 Chrome、IE等多浏览器

zeroclipboard单个复制按钮和多个复制按钮的实现方法 最近网站改版想让复制代码功能在多个浏览器上都可以实现,最近看网上不少说我们的代码复制功能不好用的,我们最近将会增加代码高亮等功能,希望大家多多支持我们 zeroclipboard是一个跨浏览器的库类 它利用 Flash 进行复制,所以只要浏览器装有 Flash 就可以运行,而且比 IE 的

软件测试永远的家——银行测试,YYDS

为什么做金融类软件测试举个栗子,银行里的软件测试工程师。横向跟互联网公司里的测试来说,薪资相对稳定,加班少甚至基本没有,业务稳定。实在是测试类岗位中的香饽饽! 一、什么是金融行业 金融业是指经营金融商品的特殊行业,它包括银行业、保险业、信托业、证券业和租赁业 往往涉及证券、银行、基金、信托、保险、投行、期货等领域 二、金融行业的业务特点 随着金融行业的业务不断增加,金融交易模式的不断变化,

delphi chrome cef3 控件学习笔记 (五)

一、模拟移动鼠标 //  SetCursorPos(StrToInt(Edit1.Text),StrToInt(Edit2.Text));  //相对屏幕位置   SetCursorPos(Self.Left+chrm1.Left+strtoint(Edit1.Text),Self.Top+chrm1.Top+strtoint(Edit2.Text));  //相对Chrm位置

delphi chrome cef3 控件学习笔记 (四)

一、遍历网页元素并点击js: 下面代码为找到淘宝宝贝页面,成交记录元素的代码: for(var i=0;i<document.getElementsByTagName("A").length;i++){var a;        var d=document.getElementsByTagName("A")[i];        var s=document.getElementsBy

delphi chrome cef3 控件学习笔记 (三)

Delphi与js的交互问题: 一、执行简单的JS 上一篇已经讲过: chrm1.browser.MainFrame.ExecuteJavaScript('alert("abc");','about:blank',0); chrm1.browser.MainFrame.ExecuteJavaScript('function aaa(){alert("abc");}aaa();','a

CentOS7 安装Selenium+chrome+chromedriver

在无界面的CentOS7上安装Selenium+Chrome,并使用facebook的php-webdriver测试 系统环境 Operating System: CentOS Linux 7 (Core) Kernel: Linux 3.10.0-693.17.1.el7.x86_64 Architecture: x86-64 安装 chrome 使用下面的命令,在root用户下就可以安装最新

解决centos 7系统root用户下Chrome无法启动问题

由于ucentos 7系统自带的是Firefox浏览器,需要安装Chrome浏览器,但是在root用户下安装后发现,Chrome无法正常启动。安装及问题解决具体如下: 1. 官网下载 https://www.google.cn/chrome/ google-chrome-stable_current_x86_64.rpm 2. 双击此文件进行安装,或者rpm -ivh google-chr

WebDriver与Chrome DevTools Protocol:如何在浏览器自动化中提升效率

介绍 随着互联网数据的爆炸式增长,爬虫技术成为了获取信息的重要工具。在实际应用中,如何提升浏览器自动化的效率是开发者常常面临的挑战。Chrome DevTools Protocol(CDP)与Selenium WebDriver相结合,为浏览器自动化提供了强大的控制能力,并允许用户直接与浏览器的底层交互。本文将通过使用CDP优化Selenium的效率,结合代理IP技术,实现对微博数据的高效采

Chrome 浏览器插件获取网页 window 对象(方案三)

前言 最近有个需求,是在浏览器插件中获取 window 对象下的某个数据,当时觉得很简单,和 document 一样,直接通过嵌入 content_scripts 直接获取,然后使用 sendMessage 发送数据到插件就行了,结果发现不是这样滴… 在这里不推荐使用 runtime.executeScript 进行注入,很可能会报错: Refused to execute inli