Puppeteer学习笔记

2018-09-12  本文已影响139人  Charrui

一、Puppeteer与Puppeteer-Core的区别

1.Puppeteer-Core在安装时不会自动下载 Chromium
2.Puppeteer-Core忽略所有的PUPPETEER_* env 变量.

二、Puppeteer可以完成以下操作:

几乎所有你能在浏览器上做的事情, 通过调用puppeteer API 也能够实现, 比如:

三、安装Puppeteer

1.安装Node环境
2.E盘新建文件夹:Puppeter。
3.安装Puppeter,win+X+R

npm i puppeteer

或者

yarn add puppeteer

image.png

页面截图

初始化步骤完成后,node_modules放在根目录下,依次打开以下文件夹:node_modules—puppeteer—examples.

进入到examples文件夹下后,里面有很多js文件,这些一般都是一些小例子。以screenshot.js为例,看一个页面截图的例子。

我们以记事本方式打开该文件,主要js代码如下:

'use strict';constpuppeteer =require('puppeteer');//引入puppeteer库.

(async() => {

              constbrowser = await puppeteer.launch();//用指定选项启动一个Chromium浏览器实例。

              constpage = await browser.newPage();//创建一个页面.

              await page.goto('http://example.com');//到指定页面的网址.

              await page.screenshot({path:'example.png'});//截图并保存到当前路径,名称为example.png.

              await browser.close();//关闭已打开的页面,browser不能再使用。

            })();

方式1.在pycharm中新建一个file,命名为test.js,将上面的代码拷贝到test.js中并保存,在terminal中输入node screenshot.js//运行名为screenshot.js的文件.

方式2.还是在当前文件夹(examples)下,此处打开命令行窗口,输入:node screenshot.js//运行名为screenshot.js的文件.

运行完成后,就会在当前目录下看到图片,该图片即运行该js后截的图片。

总结

1.最近大家状态越来越好了,每个人基本都可以独立负责某个板块问题的完善,团队相互配合,团队力越来越好了~
2.今天有人跟我说基本一天时间都在做项目没时间做其他事,其实是真的有点忙啦,尤其是内测新加了一些需求后,但是咱们现在都是等着见月明吗~
3.喜欢就上遇见就抓住。好像很多人都会自动忽略自己的优点,可能选择相信自己,后悔的才少

计划

1.讨论问题,抓进度
2.三个时钟
3.《管理》一张

上一篇 下一篇

猜你喜欢

热点阅读