Puppeteer學習之小試牛刀

最近有了寫文章的動力了，一方面是受到了很多前輩們的啟示，另一方面也是為了記錄下來更好地學以緻用。閑言少叙，先說說Puppeteer是什麼。

Puppeteer是一個node庫，提供了一些用來操作Chrome的API，官網上介紹了一些實用的例子，可以先睹為快，

Puppeteer官方文檔請猛戳這裡

第一步 環境配置

1. 在nodejs官網(https://nodejs.org/en/)下載下傳8.0以上的版本，安裝到本地，本人安裝了10.0.0版本到本地檔案夾"D:\nodejs"，安裝完成後，在cmd中輸入 node -v檢視版本。

2. 安裝完nodejs後，cmd進入D盤nodejs檔案夾，建立node_global和node_cache兩個檔案夾

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

否則執行npm指令時會出現npm執行指令失敗的錯誤，如圖:

3. 安裝Puppeteer

      npm i puppeteer  -g

4. 設定環境變量

     将使用者的環境變量 PATH的值 C:\Users\xx\AppData\Roaming\npm 

     改為:

    D:\nodejs\node_global

    将nodejs的安裝目錄加入到系統變量的path中

 第二步 運作執行個體

const puppeteer = require('puppeteer');

puppeteer.launch({headless: false}).then(async browser => {

  const page = await browser.newPage();

  await page.goto('https://www.baidu.com');

  // other actions...

  //await browser.close();

});

headless設定為true時，不啟動浏覽器

      執行 node test.js，啟動浏覽器。

Puppeteer還有好些功能，且聽下回分解哈。