时间:2021-05-26
puppeteer是谷歌官方出品的一个通过 DevTools 协议控制 headless Chrome 的Node库。可以通过Puppeteer的提供的api直接控制Chrome模拟大部分用户操作来进行UI Test或者作为爬虫访问页面来收集数据。
安装
直接运行安装命令:
npm install puppeteer如果出现无法安装的问题,可以使用淘宝镜像。
puppeteer实现滑动截图
在我 puppeteer 使用截全屏的过程中发现有些图片无法截取到,而实际上是因为有些图片是懒加载的,如果你没有滑动到图片的位置,那么这个图片是不会加载。
现在我的方式是采用模拟浏览器滚动条滑动的方式滑动底部来使图片加载出来。
代码如下:
const puppeteer = require('puppeteer');(async () => { const browser = await puppeteer.launch({ headless: false }); const page = await browser.newPage(); await page.goto('https:///GoogleChrome/puppeteer/blob/v1.11.0/docs/api.md#elementhandlescreenshotoptions以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
HTML示例源代码:复制代码代码如下:LatinnamefastqfilefastafilesnpArticleLatimeriachalumnaefastqf
本文实例讲述了JS实现的自定义右键菜单。分享给大家供大家参考。具体如下:示例1:运行效果截图:具体代码如下:JS实现自定义右键菜单#container{text
本篇文章主要介绍了纯CSS实现导航栏下划线跟随的示例代码,分享给大家,具体如下:效果:代码:html:aaaabbbbbbbccccddddeeeecss:ul
本文实例讲述了js实现索引图片切换效果的代码。分享给大家供大家参考。具体如下:运行效果截图如下:具体代码如下html代码:css代码:.ft-prev,.ft-
本文实例讲述了js+HTML5实现视频截图的方法。分享给大家供大家参考。具体如下:1.HTML部分:Capture2.点击按钮时触发如下代码:(function