首页 > 其他分享 >Puppeteer学习笔记(二)

Puppeteer学习笔记(二)

时间:2022-08-29 20:57:12浏览次数:74  
标签:脚本 录制 笔记 puppeteer 学习 Step Recorder Puppeteer

Puppeteer学习笔记(二)

--使用Chrome自带Recorder录制puppeteer脚本

新版本chrome 开发者工具中Recorder支持录制和回放功能了。有了这个功能,你可以把在浏览器当中的操作全记录下来,保存到本地,然后通过回放重复运行。

Recorder使用步骤

Step 1: 打开Recorder

image-20220829203009641

image-20220829203043555

Step 2: 点击左上角加号,新建脚本:

image-20220829203159107

Step 3: 点击录制圈圈按钮

image-20220829203252715

Step 4: 操作网页元素,执行测试

Step 5: 测试结束, 点击结束录制按钮,生成脚本

image-20220829203439100

Step 6:点击下载,选择导出puppeteer 脚本:

image-20220829203558754

Step 7: 将生成脚本放到工程文件夹(已安装puppeteer)

image-20220829203711033

Step 8: 可使用命令行执行脚本:

image-20220829203811978

注意:默认为无头模式, 可修改browser参数

const browser = await puppeteer.launch({headless: false});

参考博客

和牛:https://www.cnblogs.com/heniu/p/16478095.html

Puppeteer API:https://zhaoqize.github.io/puppeteer-api-zh_CN/#/

标签:脚本,录制,笔记,puppeteer,学习,Step,Recorder,Puppeteer
From: https://www.cnblogs.com/dongdongtest/p/16637326.html

相关文章

  • webpack4.15.1 学习笔记(九) — 最最基础的插件使用
    目录html-webpack-pluginclean-webpack-pluginwebpack-manifest-pluginHotModuleReplacementPlugin(内置)处理webpack在编译过程中的某个特定任务的功能模块,plugins选......
  • Day01__MarkDown学习
    MarkDown学习标题+空格即为标题(#数量表示级数)eg:三级标题四级标题字体Hello,World!Hello,World!(左右俩*为加粗)Hello,World!(左右一*为斜体)Hello,World!(左右仨*为加粗斜体)H......
  • 学习随笔——codeforces题目Plus and Multiply解答
    摘要:构造算法与数论的结合,巧妙之处在于我们要自己模拟一遍计算过程然后从中找出特殊点。题目原地址如下:https://codeforces.com/problemset/problem/1542/B题目截图如下:......
  • 学习随笔——codeforces题目Color the Picture解答
    摘要:构造类题目题目原地址如下:https://codeforces.com/problemset/problem/1710/A题目截图如下:  关键词:构造算法,递归,*1500简要翻译:给予k种颜料,第i种颜料可以涂满a......
  • 2022-8-29 第一组 (≥▽≤) 学习笔记
    目录1.Vue事件修饰符阻止事件的冒泡屏蔽标签默认行为触发一次对键盘按键进行修饰全局组件的注册局部组件的注册路由2.Web资源分类常见的web服务器概念:常见的服务器软件动态......
  • 多示例学习不懂的地方
    一个分子可以有多个low-engergyshape,但是在当时学者们只能判断一个分子能否制成药物,而不能判断到底是分子的哪个low-energyshape在起作用。假如我们用常见的分类算法,把所......
  • 使用puppeteer生成pdf与截图
    之前写过一篇vuecli2使用wkhtmltopdf踩坑指南,由于wkhtmltopdf对vue的支持并不友好,而且不支持css3,经过调研最终选择puppeteer,坑少,比较靠谱。一、准备工作puppeteer......
  • Markdown学习 Typora
    Markdown学习二级标题Typora#加空格加标题名(几个#是几级标题)字体字体两边加两个星号是粗体*字体两边加一个星号是斜体字体两边加三个星号是斜体加粗字体删除线样......
  • ABC266 做题笔记
    AProblem给定一个字符串,输出正中间那个字符。link->https://atcoder.jp/contests/abc266/tasks/abc266_a。Solution简单题。Code点击查看代码#include<bits/stdc+......
  • 多示例学习
    在机器学习中,多示例学习(MultipleInstanceLearning简称MIL)是由监督型学习算法演变出的一种方法,定义“包”为多个示例的集合,具有广泛的应用。学习者不是接收一组单独标......