puppeteer學習筆記（二）--環境搭建Win、MAC、Linux環境，以及使用Sublime Text3運行

一、MAC環境搭建

（1）安裝node

進入官網下載安裝包，和正常的軟件同樣正常安裝就能夠了，系統會自動配置環境的 官網地址：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直接能夠運行的，地址附上：blog.csdn.net/w1377026969….

二、Window環境搭建

待添加

三、Linux環境搭建

（1）搭建node環境

1.下載node：nodejs.org/zh-cn/downl….

搭建步驟參考博主：liuqiceshi 的文章 附上地址： www.cnblogs.com/liuqi/p/648….

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

（3）輸入命令npm i puppeteer進行安裝

若是出現以上錯誤是下載失敗 解決辦法：轉載自博主 睡眠不足的瞌睡蟲 ，附上地址： www.jianshu.com/p/d69b1d8bc….

Chromium下載源：npm.taobao.org/mirrors/chr….

按照上述解決問題安裝成功：

（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']},在無沙箱模式下運行puppeteer
  const 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包，若是你想本身去配置瀏覽器的路徑，參考：博主 睡眠不足的瞌睡蟲 ，的文章就好啦： www.jianshu.com/p/d69b1d8bc….

（6）另外若是公司內網提示不少插件須要更新的話參考個人另外一篇文章，批量下載軟件和依賴包：blog.csdn.net/qupan1993/a….