puppeteer初探

最新推荐文章于 2025-04-14 21:59:31 发布
原创 最新推荐文章于 2025-04-14 21:59:31 发布 · 394 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

博主在导师文章中接触到Puppeteer，经查阅资料了解其功能后记录下来。Puppeteer可生成页面截图和PDF、抓取SPA内容、自动表单提交等，还能创建自动化测试环境、捕获网站时间线跟踪以诊断性能问题，文中还给出入门传送门。

引言

最近可爱的导师发布了一篇文章，是关于puppeter，当时第一次看到这个一脸懵逼，这是个啥？
不过经过我不懈努力查阅资料等等，终于弄清楚了一些，感觉十分强大，在这里记录下来，便于以后查看la

puppeteer作用

  • 生成页面的截图和PDF。
  • 抓取SPA并生成预先呈现的内容（即“SSR”）。
  • 从网站抓取你需要的内容。
  • 自动表单提交，UI测试，键盘输入等
  • 创建一个最新的自动化测试环境。使用最新的JavaScript和浏览器功能，直接在最新版本的Chrome中运行测试。
  • 捕获您的网站的时间线跟踪，以帮助诊断性能问题。

入门

传送门

爬取并打印《ES6标准入门》PDF--Puppeteer初探
Gray_arrows的专栏
10-22 2287
原文链接：http://zhentaoo.com/2017/10/22/Puppeteer/首先介绍Puppeteer Puppeteer是一个node库，他提供了一组用来操纵Chrome的API，理论上使用它可以做任何Chrome可以做的事 有点类似于PhantomJS，但Puppeteer由Chrome官方团队进行维护，前景更好 Puppeteer的应用场景会非常多，就爬虫领域来说，远比一般的爬
puppeteer 爬虫初探
TangAcrab的博客
07-07 1602
若要程序打开浏览器运行时，需手动指定电脑系统安装的。安装 puppeteer 会默认下载一个最新版本的。路径: 在 chrome 浏览器中输入地址。指定系统 chrome 浏览器路径。
Puppeteer入门初探
weixin_33701564的博客
09-27 783
本文来自网易云社区作者：唐钊最近在看 node 爬虫相关的一些东西，我记得还是很久以前常用的 node 爬虫工具还是 superagengt+cherrio,他们的思路是通过发起 http 请求然后截取 respone 的内容，但是随着前端mvvm等框架的盛行，现在更多的内容是异步加载了，所以通过这种传统的爬虫方式已经很难抓取到我们想要的内容了，那么Puppeteer又有什么亮点呢？接下来我们详细...
使用puppeteer之全网页截图-第一个版本
一直在路上的求知人。
08-13 8580
先说一些废话： 因为是测试，没有给出项目的具体搭建流程。 Puppeteer是谷歌官方出品的一个通过DevTools协议控制headless Chrome的Node库。可以通过Puppeteer的提供的api直接控制Chrome模拟大部分用户操作来进行UI Test或者作为爬虫访问页面来收集数据。所以开发语言当然也就是js啦。 Github项目地址: puppeteer API: pupp...
什么是Puppeteer？
mapleandleaf的博客
06-06 1275
Puppeteer 以其灵活而强大的能力，为开发者打开了通往自动化世界的大门。无论是日常的网页测试、数据抓取，还是复杂的业务流程自动化，Puppeteer 都展现了其作为现代Web开发神器的价值。随着技术的融合与创新，Puppeteer 的应用场景将持续扩展，成为推动数字化转型和提升工作效率的重要力量。对于企业和个人而言，深入探索 Puppeteer 的潜力，无疑将带来巨大的收益。Puppeteer 以其灵活而强大的能力，为开发者打开了通往自动化世界的大门。
找到/打开pupprteer对应chrome版本
weixin_43915401的博客
07-31 1478
前期提要：导出pdf的时候，会用pupprteer启动一个浏览器实例，再打开指定页面进行打印，页面写成什么样，导出的pdf内容就是什么样，听起来很正常。但是遇到了调试的时候页面显示很正常，而导出的内容css样式有问题的情况，经大佬指点，发现是我开发的时候，用的新版谷歌浏览器，而pupprteer对应的chrome版本比较旧，有些样式没兼容好。于是专门下载了pupprteer对应的Chromium进行调试，才解决问题。
Puppeteer学习笔记 （1）- 什么是Puppeteer
weixin_30795127的博客
06-11 215
本文链接：https://www.cnblogs.com/hchengmx/p/11006263.html 1. phantomjs介绍 在介绍puppeteer之前必须介绍一下phantomjs，phantomjs是一个可以用JavaScript编程的无头浏览器，它在后端使用了QtWebKit。 但是根据 https://github.com/ariya/phantomjs/issues/153...
【Puppeteer】一款操作浏览器的黑科技
最新发布
weixin_44288277的博客
04-14 819
使用tracing方法来追踪页面加载时间线，使用 tracking.start 和 tracking.stop创建一个可以在 chrome devtools 打开的跟踪文件，执行下述代码会生成一个 testTrace.json 文件, 然后我们打开chrome devtools中 Performance 标签, 然后把该文件直接拖进去即可。mac的chrome安装路径通常是/Applications/Google Chrome.app/Contents/MacOS/Google Chrome。
puppeteer库入门初探
10-17
在初探Puppeteer时，首先需要了解的是如何进行项目初始化。Puppeteer库支持使用Node.js环境，且因为Puppeteer对ES6/ES7的新特性有使用需求，因此推荐使用TypeScript进行编码。初始化项目时，可以通过npm安装...
使用Puppeteer进行Web自动化和爬虫初探
"puppeteer库入门初探" Puppeteer 是一个由 Chrome 团队开发的 Node.js 库，专门用于实现无头（headless）模式的 Chrome 浏览器自动化。这个库允许开发者通过一系列高级 API 来控制 Chrome 或 Chromium，从而执行...
Puppeteer使用总结
Pixiao的博客
03-10 1万+
文章目录NodeJS环境配置MAC配置安装方式二：node版本管理:Linux配置Windows配置开发环境初始化基础环境百度OCR对接我的实例代码Docker部署小知识点Puppeteer 语法错误总结我的博客 NodeJS环境配置 Nodejs下载地址：http://nodejs.cn/download/ MAC配置 从官网下载并直接安装就可以了 安装方式二： # 查看node版本 brew search node # 安装node brew install node # 检查是否安装成功 n
puppeteer，新款headless chrome
anshaobiao6449的博客
11-26 202
puppeteer puppeteer是一种谷歌开发的Headless Chrome，因为puppeteer的出现，业内许多自动化测试库停止维护，比如PhantomJS，Selenium IDE for Firefox 。 puppeteer是干啥用的？ 官方给了一些功能： 页面生成pdf 爬spa/ssr类的网站 自动提交表单，模拟用户操作，ui测试等等 提供...
玩转Puppeteer
金成的博客
06-04 2095
Puppeteer 是一个 Node 库，它提供了一个高级 API 来通过 DevTools 协议控制 Chromium 或 Chrome。
Puppeteer 安装与注意事项 《一》
Mr_xiatian的博客
01-30 9033
Puppeteer 安装与注意事项      1.安装node.js 在使用puppeteer的时候，它一些低版本的node是不支持的，作者推荐使用8以上的版本，否则node在后面使用puppeteer的时候会 抛出SyntaxError: Unexpected token的异常，因为低版本的 node 是不支持 async 和 await的。 2.安装puppeteer  
你该使用 puppeteer，还是 puppeteer-core？以及正确的 puppeteer 安装方法
纠缠AI的亮子
11-11 6422
从 1.7.0 版本开始，谷歌同时发布两个 puppeteer 版本： puppeteer 安装这个版本的过程中，将下载 Chromium (~170MB Mac, ~282MB Linux, ~280MB Win) puppeteer-core 这个版本不会下载 Chromium 除了是否下载 Chromium 的区别外，另一个区别就是，puppeteer-core 会忽略所有的 PU...
puppeteer离线安装不同版本的chrome
Revivedsun的专栏
11-03 5141
1.背景 使用puppeteer时会默认下载chrome，由于要访问google，因此没有使用代理情况下，无法成功下载。通常是设置好环境变量，跳过chrome下载，随后单独下载chrome，并在浏览器启动项executablePath中指定文件路径。 { headless: true args: [] executablePath : "chromePath" } 官方给...
【工作必备】Puppeteer！程序员还不会爬虫？
qq_50788757的博客
06-21 2778
uppeteer的高级功能涵盖了模拟用户交互、处理动态内容、生成PDF和截图、性能分析、代理IP支持、无头模式与有头模式的切换以及与其他工具的集成等方面。这些功能使得Puppeteer成为一个功能强大且灵活的工具，能够满足各种自动化任务和爬虫需求。
Puppeteer 使用教程-基础篇（超详细、超全面）
热门推荐
~朴：shu的博客
07-17 3万+
Puppeteer 是一个 Node 库，它提供了一个高级 API 来通过 DevTools 协议控制 Chromium 或 Chrome。本文涉及了Puppeteer常见常用的API样例，包括爬取图片、视频、cookies设置，字符输入等多方面知识，很全面哦。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值