Puppeteer学习之小试牛刀

最新推荐文章于 2024-09-10 01:58:39 发布
最新推荐文章于 2024-09-10 01:58:39 发布
阅读量538 收藏
点赞数 1
分类专栏： E2E 测试工具 文章标签： E2E Puppeteer
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/vesselmax/article/details/80114400
版权
本文介绍了Puppeteer的基础知识，它是一个用于操控Chrome的Node.js库。首先，详细讲述了如何配置环境，包括安装Node.js，创建必要文件夹，以及安装和配置Puppeteer。接着，展示了一个简单的运行示例，通过代码打开浏览器并访问百度首页。Puppeteer的更多功能等待进一步探索。
摘要由CSDN通过智能技术生成

最近有了写文章的动力了，一方面是受到了很多前辈们的启示，另一方面也是为了记录下来更好地学以致用。闲言少叙，先说说Puppeteer是什么。

Puppeteer是一个node库，提供了一些用来操作Chrome的API，官网上介绍了一些实用的例子，可以先睹为快，

Puppeteer官方文档请猛戳这里

第一步 环境配置

1. 在nodejs官网(https://nodejs.org/en/)下载8.0以上的版本，安装到本地，本人安装了10.0.0版本到本地文件夹"D:\nodejs"，安装完成后，在cmd中输入 node -v查看版本。

2. 安装完nodejs后，cmd进入D盘nodejs文件夹，新建node_global和node_cache两个文件夹

最低0.47元/天 解锁文章
vesselmax
关注
专栏目录
Python|Pyppeteer启动浏览器窗口，右侧出现空白区域怎么解决？(13)
Python进阶专栏《爬虫实战进阶》，《数据分析入门与实战》原创作者
06-23 780
本文是该专栏的第13篇，结合优质项目案例持续分享Pyppeteer的干货知识，记得关注。运行程序自动打开浏览器窗口，窗口右侧出现空白区域，上述情况需要怎么解决呢？跟着笔者直接往下看正文详细解决方法，一行代码即可。在开始之前，先在终端安装pyppeteer。如已安装，请忽略该步骤，直接往下看即可。Chromium窗口，你就会看到页面右侧出现大面积区域的空白。出现此问题，需要怎么解决呢？成功运行上述代码，右侧的空白区域就会得到完美解决
puppeteer:puppeteer 学习之路
05-22
Puppeteer 使用安装 Puppeteerset PUPPETEER_SKIP_CHROMIUM_DOWNLOAD=1 # 阻止下载 Chromium, cmd下有效# 或者可以这样干，只下载模块而不buildyarn add -D puppeteer --ignore-scripts# 下载puppeteer & Chromium...
使用puppeteer启动并最大化显示Chrome浏览器
sg_knight的专栏
11-09 5328
上一篇讲了如何用React使用puppeteer实现e2e自动化测试，本篇继续讲解puppeteer使用过程遇到的问题及解决方法。使用puppeteer默认启用浏览器的尺寸为800x600，那么如何最大化展示浏览器呢？ 1、puppeteer启用浏览器 Puppeteer 模块提供了一种启动 Chromium 实例的方法。 下面就是使用 Puppeteer 进行自动化的一个典型示例： const puppeteer = require('puppeteer'); ...
关于Puppeteer设置代理时遇到的问题及解决方法
最新发布
KHSSD的博客
09-10 532
Puppeteer是google推出的操作浏览器的框架。当我们通过框架操作浏览器去访问页面通常需要设置代理。本文简要总结设置代理的方式。
Puppeteer的学习笔记
qq_33303090的博客
07-02 782
2019.7.2 Puppeteer的定义及其作用：
Puppeteer + Nodejs 通用全屏网页截图方案(二)常用参数实现
老司机的后备箱
08-11 1487
针对移动端的页面，截图效果可能会比较模糊，我们可以通过提高像素比来增加分辨率，获得更好的图片效果(类似设备DPR)，不过参数越高生成速度与性能消耗也会越大，建议加个阈值。当目标页面是移动端网页时，有时可能需要对浏览器ua进行模拟才能访问真实的页面（有些H5网页可能是通过判断ua来进入不同项目，而不是自适应或响应式）有时我们可能希望让页面等待一段时间再执行截图，当使用。实际项目中没有使用到的需求场景，简单做下记录。下一篇文章中将会介绍一些进阶的方法。所以我们自己简单实现一个。...
Puppeteer让你网页操作更简单(1)屏幕截图
weixin_42429220的博客
01-15 1904
使用了Puppeteer进行对网页自动化处理，今天就来看看它是什么东西！
Scrapy框架介绍之Puppeteer渲染的使用
09-16
Puppeteer是由Chrome开发团队创建的一个Node.js库，它提供了API来控制Chromium或Chrome浏览器，可以用来自动化浏览器行为，如点击按钮、填写表单、甚至执行JavaScript来渲染动态网页。在Scrapy中，如果要爬取依赖...
puppeteer-proxy：代理Puppeteer页面请求
02-03
动机该软件包解决了Puppeteer的几个问题： 它允许为每个页面和每个请求设置代理（ ） 发出HTTPS请求时，它可以针对代理进行身份验证（ ） 此的附带好处是它允许通过Node.js路由所有流量，即，您可以使用外部托管的...
node_puppeteer.zip
08-12
在本项目中，我们主要关注的是使用Node.js与Puppeteer库来实现在CentOS7操作系统上将Web页面转换为PDF的功能。Puppeteer是由Google Chrome团队开发的一个Node库，它提供了一组高级API，可以方便地通过DevTools协议...
NodeJs+puppeteer实现页面截图功能，并部署到AWS EC2运行
JQ___的博客
10-12 591
前言：最近实现一个针对页面做截图的功能，一开始是想使用html2canvas，但是发现html2canvas（V1.4.1）针对带有box-shadow属性的input或者button，截图出来后的效果不是很理想,所以考虑使用puppeteer+nodejs去实现，以下是我的实现步骤： 2.创建入口文件 3.在routers文件夹下创建puppeteer文件（主要是执行puppeteer截图功能） 4. 在本地控制台运行 注意：把上面代码的executablePath 修改成本地chorme.exe存放
Puppeteer 打开浏览器默认 about:blank 页面的解决方法
RGBBB的博客
02-23 3247
(async () => { const browser = await puppeteer.launch() const page = await browser.newPage(); await page.goto('https://github.com/SynthesisDu'); })(); 改为 (async () => { const browser = await puppeteer.launch() const pages = aw.
puppeteer实现网页截图
艾米栗的代码天地
07-01 3530
使用puppeteer过程中遇到的一些问题。
puppeteer（ Nodejs 版 selenium ）快速入门
freeking101的博客
06-12 6392
From：https://www.cnblogs.com/CyLee/p/9310839.html puppeteer 官网：https://pptr.dev/ Puppeteer 中文文档 （与官方同步更新）：https://segmentfault.com/a/1190000015913821 Puppeteer v1.5.0 中文翻译：https://blog.csdn.net/De...
使用puppeteer之全网页截图-修订版
z69183787的专栏
06-14 2817
https://blog.csdn.net/ASAS1314/article/details/84847770 内容简介： 接上一篇的内容之前，简单介绍一下puppeteer环境的快速搭建； 修订版目的； 修订版具体实现，代码展示。 1、puppeteer运行环境快速搭建 以下是个人从无到有的搭建过程，linux、windows系统搭建，大同小异： 1.1、首先是node.js的安装 1...
Puppeteer浏览器窗口大小window size设置方法
houn27的博客
11-25 9080
最近在研究node.js爬虫，接触到Puppeteer包 发现通过browser对象参数的defaultViewport设置无法改变浏览器窗口大小，原因未知 const browser = await puppeteer.launch({ headless:false, defaultViewport: { width: 375, height: 800, }, }); 使用page的page.setViewport()方法也无效 page.s
puppeteer|自动化UI测试|JS|零基础入门（一）——打开浏览器
小彭爬坑之旅
03-04 1362
puppeteer|干货| 入门操作——打开浏览器 话不多说，上干货
使用puppeteer之全网页截图-第一个版本
一直在路上的求知人。
08-13 7911
先说一些废话： 因为是测试，没有给出项目的具体搭建流程。 Puppeteer是谷歌官方出品的一个通过DevTools协议控制headless Chrome的Node库。可以通过Puppeteer的提供的api直接控制Chrome模拟大部分用户操作来进行UI Test或者作为爬虫访问页面来收集数据。所以开发语言当然也就是js啦。 Github项目地址: puppeteer API: pupp...
学习puppeteer
04-01
Puppeteer 是 Google 开发的一个 Node.js 库，它提供了一组 API，用于在 Chrome 或 Chrome Headless 中操作 DOM，模拟用户交互、爬取数据、生成 PDF 截图等。 安装 Puppeteer： ``` npm install puppeteer ``` 使用 Puppeteer： ```javascript const puppeteer = require('puppeteer'); (async () => { // 启动浏览器 const browser = await puppeteer.launch(); // 打开新页面 const page = await browser.newPage(); // 跳转到指定页面 await page.goto('https://www.baidu.com'); // 截屏 await page.screenshot({ path: 'example.png' }); // 关闭浏览器 await browser.close(); })(); ``` 以上代码会启动一个浏览器，打开百度首页并截屏保存为 example.png 文件，然后关闭浏览器。 除了截屏，Puppeteer 还提供了很多其他的 API，可以模拟用户行为、获取页面元素信息、执行 JavaScript 等，具体可以参考官方文档。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值