一、簡介

https://github.com/GoogleChrome/puppeteer

Puppeteer是一個Node庫，它提供了一個高階API來控制DevTools協議上的 Chrome或Chromium 。

Puppeteer 預設執行無頭，但可以配置為執行完整（非無頭）Chrome或Chromium。

我能做什麼？

您可以在瀏覽器中手動執行的大多數操作都可以使用Puppeteer完成！以下是一些可以幫助您入門的示例：

• 生成頁面的螢幕截圖和PDF。
• 抓取SPA（單頁面應用程式）並生成預渲染內容（即“SSR”（伺服器端渲染））。
• 自動化表單提交，UI測試，鍵盤輸入等。
• 建立最新的自動化測試環境。使用最新的JavaScript和瀏覽器功能直接在最新版本的Chrome中執行測試。
• 捕獲站點的時間線跟蹤，以幫助診斷效能問題。
• 測試Chrome擴充套件程式。

二、環境搭建

1)由於是nodejs的一個庫，首先需要安裝nodejs.我下載的是最新的10.13.0，安裝一直下一步到最後。

https://nodejs.org/zh-cn/

 這裡安裝路徑選到D盤，D:\Program Files\nodejs

 安裝完畢在命令列輸入以下命令測試是否安裝成功，正確會出現版本號

npm -v

2）改變原有的環境變數

  (1)我們要先配置npm的全域性模組的存放路徑以及cache的路徑，例如我希望將以上兩個資料夾放在NodeJS的主目錄下，便在NodeJs下建立"node_global"及"node_cache"兩個資料夾，輸入以下命令改變npm配置

npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"

3)在系統環境變數新增系統變數NODE_PATH

輸入路徑D:\Program Files\nodejs\node_global\node_modules，此後所安裝的模組都會安裝到改路徑下  

4）安裝淘寶npm（cnpm）

   (1) 輸入以下命令

npm install -g cnpm --registry=https://
 
registry.npm.taobao.org

   (2)新增系統變數path的內容

　　因為cnpm會被安裝到D:\Program Files\nodejs\node_global下，而系統變數path並未包含該路徑。在系統變數path下新增該路徑即可正常使用cnpm。

   (3) 輸入cnpm -v輸入是否正常

cnpm -v

5）安裝puppeteer

 執行如下命令，安裝成功後會在D:\Program Files\nodejs\node_global\node_modules下看一箭雙鵰puppeteer目錄。

cnpm i puppeteer -g