puppteer的使用

官方文档：Puppeteer

今天大概介绍一下我项目用到的puppeteer操作：

// 启动浏览器
const browser = await puppeteer.launch({executablePath: 'xxxx', // 这里可以替换Chromium or Chrome的可执行文件，代替安装puppeteer附带的chrome
    args: ['--disabled-gpu', // 正常服务器连显卡都没有'--no-sandbox', // 非沙箱模式
    ]
})// 打开页面
const page = await browser.newPage();
await page.goto('file://xxxx/index.html');// 设置页面viewport大小为5页A4的大小
const unitPX = 37.7813， pageSize = 5;
await page.setViewport({ width: Math.ceil(unitPX * 21), height: Math.ceil(unitPX * 29.7 * pageSize) })// 截图，获得的res是pdf的二进制数据
// koa的话，这样输出：
// ctx.set('Content-Disposition', 'attachment; filename="index.pdf"');
// ctx.body = res
// preferCSSPageSize:true 按照css来渲染大小，不自动缩放
const res = await page.pdf({ preferCSSPageSize: true });// 到浏览器的上下文去执行一些脚本，并且获取最终返回的结果
const textList = page.evaluate(selector => {let domList = document.querySelectorAll(selector);return [...domList].map(txt => txt.innerText)
}, '#wrapper .text')

上面的操作其实已经可以完成相当一部分任务了！其他api看官方文档查询

转载于:https://www.cnblogs.com/amiezhang/p/11343062.html

puppteer的使用相关推荐

【华为云实战开发】14.如何使用Node爬虫利器Puppteer进行自动化测试
文:华为云DevCloud 乐少 1.背景 1.1 前端自动化测试较少前端浏览器众多导致页面兼容性问题比较多,另外界面变化比较快,一个月内可能页面改版两三次,这样导致对前端自动化测试较少,大家也不是 ...
python 查找文件内容性能 grep_使用grep查找文件中指定字符出现的次数
关于IOS浏览器:document,body的click事件触发规则今天做了个手机页面,点击某个按钮->弹出菜单,再点击菜单以外的任意位置->关闭菜单,在其他浏览器里面没有问题,但是在I ...
动态追踪技术思想及应用
动态追踪技术思想及应用简介静态追踪: log.metric.stats; 一个简单的示例:调试test 函数中是否存在参数为0 的场景: testDtrace.c: void test(int i ...
终于搞掂博文自动发送
Puppteer,Playwright还有老牌Selenium都是我们的好伴侣,一个也不能少,生活轻松全靠他们.Selenium IDE和Playwright IDE都是利器,助我上青云.一朝功成万骨 ...
【Web技术】961- 3分钟搞定海报合成
背景在推广业务中,常常会遇到合成带二维码海报分享功能,并且为了推广力度,需要同时在APP.WEB.小程序都有此功能加大曝光,各端都需要单独编写,复用能力差,效率低.本身合成海报业务并无难度,在此背景 ...
Node.js在携程的落地和最佳实践
在携程 Node.js 应用根据用户群,主要分两个方向: DA(数据聚合服务)和 SSR(服务端渲染)是服务于外部用户的,目标是提升用户体验.当然,DA 和 SSR 同时也提升了开发效率,例如前端开发 ...
Puppeteer万物皆可爬
puppeteer 是一个Chrome官方出品的headless Chrome node库.它提供了一系列的API, 可以在无UI的情况下调用Chrome的功能, 适用于爬虫.自动化处理等各种场景 p ...
Selenium自动化绕过Cloudflare检测的方法
运营多账号的"老手"们,应该对Selenium工具并不陌生,它可以直接在浏览器中运行,模拟真实的用户操作环境. 但是Selenium也有难以绕过检测.无法使用的平台--Cloudf ...
Puppeteer将动态html页面生成pdf（终极解决方案）
开通掘金好几年一直没有写文章,近一年经常有朋友问我将动态的h5/vue/react/原生js 页面转成pdf,我觉得有必要写个文章,给大家提供一套经过多个项目验证的完整解决方案的思路:觉得有用可以点赞 ...

puppteer的使用

puppteer的使用相关推荐

最新文章

热门文章