简说Python
👆👆👆关注我，和老表一起学Python、云服务器
大家好，我是老表，今天给大家分享一个web端自动化神操作～看完记得点赞呐～
最近 Google 对 Chrome 进行了一次比较大的更新，其中一项是脚本录制回放功能，它可以非常方便我们处理一些自动化场景
我们可以在 Chrome 官网下载 Chrome Canary 的最新版本进行尝鲜
PS：Chrome 正式版本是 95，暂时还未集成
下载地址：
https://www.google.com/intl/zh-CN/chrome/canary/thank-you.html?statcb=1&installdataindex=empty&defaultbrowser=0
也可以直接在点击下方公众号卡片，关注【简说Java】后回复：谷歌，获取相关软件安装包。
下面聊一下具体的使用步骤
1 - 录制
首先，打开 Chrome Canary 软件，F12 进入到 Devtools 开发者工具悬浮窗
选择右上角的更多工具 - Recorder，进入到「 自动化流程列表界面 」
点击「 Start new recording 」按钮，输入待录制流程的名称，就可以开始录制操作了
默认会以当前 Tab 页面生成一个初始 Step
比如，我是从百度首页创建的录制步骤，这里默认添加了一个初始 Step，url 指向当前 URL
在左侧浏览器中模拟一次搜索操作，即：在输入框中输入内容，并点击搜索按钮
在右侧的录制页面会同步记录下操作的流程步骤
PS：点击底部的 End recording 按钮后，我们可以对 url、asserted events 中断言内容进行更新
2 - 编辑
在完成录制操作后，我们可以针对某一个操作进行二次编辑，可以在前、后添加一个步骤，或者删除该步骤
比如，这里在「 点击输入框 」前添加了一个步骤，该步骤类型为等待元素出现，使用元素选择器选择目标元素
3 - 重放
录制、编辑完成之后，点击右上角的「 Replay 」按钮即可以回放，并且会在录制页面会展示回放步骤及结果
4 - 更多说明
在录制页面回放操作时，可以设置模拟网速，内置了 3 种方式，分别为：No throttling、Slow 3G、Fast 3G
其中，No throttling 为回放默认的网速设置
点击左上角的导出按钮可以将当前自动化步骤以 JS 文件的形式保存到本地
我们查看源码发现 Chrome Recorder 录制回放实际上基于「 puppeteer 」来实现的
const puppeteer = require('puppeteer');
(async () => {
const browser = await puppeteer.launch();
const page = await browser.newPage();
async function waitForSelectors(selectors, frame) {
for (const selector of selectors) {
try {
return await waitForSelector(selector, frame);
} catch (err) {
console.error(err);
}
}
throw new Error('Could not find element for selectors: ' + JSON.stringify(selectors));
}
...
相比直接使用 puppeteer 编码自动化脚本，Chrome Recorder 录制自动化流程更加方便快捷！
老表每周一赠书
赠书规则：给本文点赞，扫码添加老表微信，凭文章点赞截图，可以获取抽奖二维码，微信抽奖送出3本《Python数据分析全流程实操指南》；（中奖机率一般在30%左右）。
扫码即可加我微信
老表朋友圈经常有赠书/红包福利活动
1）近一个月内获得赠书的读者将无法再次获得赠书，想要多次获得赠书，可以查看下面的投稿规则及激励；
2）已经获得赠书的读者想要再次获得赠书，必须先写一篇已获得赠书的读后感（1000字+），才有机会再次获得赠书。
希望每一位读者都能获得赠书，只有有付出，就会有回报，就会有进步。
--END--
近期优质文章：
学习更多： 整理了我开始分享学习笔记到现在超过250篇优质文章，涵盖数据分析、爬虫、机器学习等方面，别再说不知道该从哪开始，实战哪里找了 “点赞”就是对博主最大的支持
