官方英文版API入口：https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md.
汉化版API入口：https://yq.aliyun.com/articles/607102.
学习笔记入口：https://blog.csdn.net/qupan1993/article/details/85371556.

1、MAC环境搭建

（1）安装node

进入官网下载安装包，和正常的软件一样正常安装就可以了，系统会自动配置环境的
官网地址：https://nodejs.org/zh-cn/.

打开终端输入命令：node -v 正常显示表示成功

(2)使用命令安装

1.新建一个文件夹，切换进入，输入命令：npm init 一直回车就好了，最后输入yes同意，在当前文件夹下面会生成一个文件：package.json的文件

2.接着输入命令：npm i puppeteer 进行安装，出现以下信息表示成功

（3）调试使用是否搭建好环境

1.在当前目录新建文件demo.js，输入以下内容

const puppeteer = require('puppeteer');(async () => {const browser = await puppeteer.launch({headless:false});const page = await browser.newPage();await page.goto('https://example.com');await page.screenshot({path: 'example.png'});await browser.close();
})();

2.在终端使用命令运行：node demo.js，可以看到打开了chromium浏览器，并且截图到当前目录下了，好啦可以愉快的玩耍啦。

（3）使用sublime text3运行js脚本，谁让我喜欢这个软件呢，功能强大，插件丰富，轻量级的,Control + B直接运行，再也不用每次都在终端运行

我是转载这位博主的：w13770269691 直接看他的教程，Mac直接可以运行的，地址附上：https://blog.csdn.net/w13770269691/article/details/78390224.

2、Window环境搭建

（1）安装node

进入官网下载安装包，和正常的软件一样正常安装就可以了，
官网地址：https://nodejs.org/zh-cn/.

打开cmd输入node -v 出现以下信息安装成功

（2） 新建文件夹，打开cmd使用cd命令切换到新目录，输入npm init 一路回车，生成package.json文件，再次输入npm i puppeteer 安装


如果出现以上错误是下载失败
解决办法：转载自博主 睡眠不足的瞌睡虫 ，附上地址：https://www.jianshu.com/p/d69b1d8bc2a6.
重新输入命令安装出现如下提示，表示安装成功：

（3）调试是否搭建成功，在当前文件下新建脚本demo.js输入以下内容,进入命令行使用命令：node demo.js运行，运行成功即可

const puppeteer = require('puppeteer');(async () => {const browser = await puppeteer.launch({headless:false});const page = await browser.newPage();await page.goto('https://example.com');await page.screenshot({path: 'example.png'});await browser.close();
})();

3、Linux环境搭建

（1）搭建node环境

1.下载node：https://nodejs.org/zh-cn/download/current/.

搭建步骤参考博主：liuqiceshi 的文章
附上地址：https://www.cnblogs.com/liuqi/p/6483317.html.

（2）安装puppeteer包，输入命令npm init生成文件

（3）输入命令npm i puppeteer进行安装


如果出现以上错误是下载失败
解决办法：转载自博主 睡眠不足的瞌睡虫 ，附上地址：https://www.jianshu.com/p/d69b1d8bc2a6.

Chromium下载源：https://npm.taobao.org/mirrors/chromium-browser-snapshots/.

按照上述解决问题安装成功：

（4）新建脚本调试是否可以使用,在当前目录新建文件demo.js输入下面内容，进行运行

const puppeteer = require('puppeteer');(async () => {const browser = await puppeteer.launch({args: ['--no-sandbox', '--disable-setuid-sandbox']});//linux下运行在lunch中添加参数{args: ['--no-sandbox', '--disable-setuid-sandbox']},在无沙箱模式下运行puppeteerconst page = await browser.newPage();await page.goto('https://example.com');await page.screenshot({path: 'example.png'});await browser.close();
})();

我们可以看到已经运行成功了，并且生成截图，开心

（5）如果在公司内网中搭建环境的话，那就现在联网的主机下载好离线包拷贝到公司就好啦，什么你问我下载的puppeteer和chromium在哪里？当然在当前路径下啦，因为使用npm i puppeteer命令时候没有加 -g 的参数，所以默认是下载到当前目录


就这这个文件夹啦，包含所有的模块和chromium包，如果你想自己去配置浏览器的路径，参考：博主 睡眠不足的瞌睡虫 ，的文章就好啦：https://www.jianshu.com/p/d69b1d8bc2a6.

（6）另外如果公司内网提示很多插件需要更新的话参考我的另一篇文章，批量下载软件和依赖包：https://blog.csdn.net/qupan1993/article/details/85028453.

Node+puppeteer学习笔记 （二）--环境搭建Win、MAC、Linux环境，以及使用Sublime Text3运行相关推荐

  1. 学习笔记1：搭建floodlight+mininet+sflow环境

    学习笔记1:搭建floodlight+mininet+sflow环境 浏览了大量的CSDN博客和师兄继承下来的学习笔记,自己想总结一下搭环境的过程,为以后给自己查看时候好整理 全部都在VM虚拟机中ub ...

  2. SEO学习笔记二：在搜索引擎竞价排名环境下，个人网站将何去何从?

    本文首发于「妙蛙种子前端」博客,欢迎关注- 早期的搜索引擎,大家都在一个相对公平的规则内玩耍:你的内容够好,网站体验更优秀,在搜索引擎中的排名一般都会比较高. 因为搜索引擎能便捷的为我们定位到精准的内 ...

  3. Spark基础学习笔记04：搭建Spark伪分布式环境

    文章目录 零.本讲学习目标 一.搭建伪分布式Hadoop (一)登录ied虚拟机 (二)配置免密登录 1.生成密钥对 2.将生成的公钥发送到本机(虚拟机ied) 3.验证虚拟机是否能免密登录本机 (三 ...

  4. pyqt(一）pyqt环境搭建 win+mac（pycharm+designer)

    前言 出于某些原因突然想学习下gui界面的制作,自己是已python作为自己的主语言,所以本次选择了python3+pycharm+designer来做gui界面的学习.学习过程中自己因为某些原因在w ...

  5. 鸿蒙应用学习笔记01：搭建鸿蒙应用开发环境

    文章目录 一.鸿蒙系统 (一)官网首页 (二)基础概念 - Ability 1.FA支持Page Ability 2.PA支持Service Ability和Data Ability (1)Servi ...

  6. node.js学习笔记(二)：核心

    NodeJS核心东西随着版本更新越来越多,详情看官方文档:http://nodejs.org/api/  下面简单介绍几个用的比较多的  1.全局对象 在浏览器JavaScript 中,通常windo ...

  7. ClickHouse【环境搭建 01】Linux环境单机版在线安装 Code:210.DB::NetException + Init script is already running 问题处理

    1. 验证系统是否符合安装条件 ClickHouse可以在任何具有x86_64,AArch64或PowerPC64LE CPU架构的Linux,FreeBSD或Mac OS X上运行.虽然预构建的二进 ...

  8. RN学习笔记01：概述、特点与环境搭建

    RN学习笔记01:概述.特点与环境搭建 一.RN概述 React Native(简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架,是Facebook早先开源的JS框架 Reac ...

  9. React Native学习笔记一之搭建开发环境

    因为项目需要,今天开始正式学习React Native,先来搭建个开发环境 忐忑的心情 因为项目比较急,而且客户要求使用React Native开发,只能先学点基础然后在项目中使用的时候,边做边学了, ...

  10. uniapp 学习笔记二十二 购物车页面结构搭建

    uniapp 学习笔记二十二 购物车页面结构搭建 cart.vue <template><view><view class="flex padding" ...

最新文章

  1. java 单例写法_java 单例模式的几种写法
  2. python怎么安装包-安装python第三方包
  3. [CSS]滤镜用法(1)
  4. Go的testing包数据类型M/T/B/PB
  5. Dapr牵手.NET学习笔记：开篇
  6. vscode调试angular2
  7. loadrunner / socket level data and wininet level data
  8. 接收不到其他机器发来的报文_TCP/IP报文格式，康康就知道了
  9. 笔记 | 如何在Python下调用Linux的Shell命令？
  10. R语言学习笔记-Error in ts(x):对象不是矩阵问题解决
  11. css图片悬停添加蒙版和文字
  12. ubuntu 18.04快捷显示桌面
  13. mysql 与文件系统_MySQL文件系统
  14. 求救 关于ORA-01115的错误
  15. 【Linux】Shell脚本：while read line无法读取最后一行？？？
  16. python访问陌生人qq空间_用Python登录好友QQ空间点赞
  17. PyCharm设置中文（官方插件版）
  18. java如何获取复选框选中的值
  19. canner CMS 系统 （公司在台湾） https://www.canner.io/
  20. MySQL 数据类型

热门文章

  1. centos7设置虚拟内存
  2. vision安装过程中出错_NVIDIA安装程序失败 3D vision 驱动程序 失败 是为什么,如图所示...
  3. 聊聊新西兰的工作和生活
  4. Pytorch实现基于卷积神经网络的面部表情识别(详细步骤)
  5. 《中国近代史纲要》考试过关？Python帮你划重点
  6. 计算机卸载不了360云盘,360企业云盘如何卸载？360企业云盘的四种卸载方法
  7. TOF相机（Time of Fight Camera）（维基百科全翻译版）
  8. html蔚蓝网注册页面,如何在网站中添加手机短信验证码注册功能？
  9. 国足2-0击败菲律宾，重获出线主动权，下次对战叙利亚做了哪些准备？
  10. Oracle数据操作和控制语言详解