1势誊、MAC環(huán)境搭建
(1)安裝node
進入官網(wǎng)下載安裝包呜达,和正常的軟件一樣正常安裝就可以了,系統(tǒng)會自動配置環(huán)境的
官網(wǎng)地址:https://nodejs.org/zh-cn/.
打開終端輸入命令:node -v 正常顯示表示成功
(2)使用命令安裝
1.新建一個文件夾粟耻,切換進入查近,輸入命令:npm init 一直回車就好了,最后輸入yes同意挤忙,在當(dāng)前文件夾下面會生成一個文件:package.json的文件2.接著輸入命令:npm i puppeteer 進行安裝霜威,出現(xiàn)以下信息表示成功
(3)調(diào)試使用是否搭建好環(huán)境
1.在當(dāng)前目錄新建文件demo.js,輸入以下內(nèi)容
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瀏覽器戈泼,并且截圖到當(dāng)前目錄下了,好啦可以愉快的玩耍啦茄厘。
(3)使用sublime text3運行js腳本矮冬,誰讓我喜歡這個軟件呢,功能強大次哈,插件豐富胎署,輕量級的,Control + B直接運行,再也不用每次都在終端運行
我是轉(zhuǎn)載這位博主的:w13770269691 直接看他的教程窑滞,Mac直接可以運行的琼牧,地址附上:https://blog.csdn.net/w13770269691/article/details/78390224.
2恢筝、Window環(huán)境搭建
(1)安裝node
進入官網(wǎng)下載安裝包,和正常的軟件一樣正常安裝就可以了巨坊,
官網(wǎng)地址:https://nodejs.org/zh-cn/.
打開cmd輸入node -v 出現(xiàn)以下信息安裝成功
(2) 新建文件夾撬槽,打開cmd使用cd命令切換到新目錄,輸入npm init 一路回車趾撵,生成package.json文件侄柔,再次輸入npm i puppeteer 安裝
如果出現(xiàn)以上錯誤是下載失敗
解決辦法:轉(zhuǎn)載自博主 睡眠不足的瞌睡蟲 ,附上地址:http://www.reibang.com/p/d69b1d8bc2a6.
重新輸入命令安裝出現(xiàn)如下提示占调,表示安裝成功:
(3)調(diào)試是否搭建成功暂题,在當(dāng)前文件下新建腳本demo.js輸入以下內(nèi)容,進入命令行使用命令: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環(huán)境搭建
(1)搭建node環(huán)境
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進行安裝
如果出現(xiàn)以上錯誤是下載失敗
解決辦法:轉(zhuǎn)載自博主 睡眠不足的瞌睡蟲 ,附上地址:http://www.reibang.com/p/d69b1d8bc2a6.
Chromium下載源:https://npm.taobao.org/mirrors/chromium-browser-snapshots/.
按照上述解決問題安裝成功:
(4)新建腳本調(diào)試是否可以使用,在當(dāng)前目錄新建文件demo.js輸入下面內(nèi)容剿涮,進行運行
const puppeteer = require('puppeteer');
(async () => {
const browser = await puppeteer.launch({args: ['--no-sandbox', '--disable-setuid-sandbox']});
//linux下運行在lunch中添加參數(shù){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();
})();
我們可以看到已經(jīng)運行成功了言津,并且生成截圖,開心
(5)如果在公司內(nèi)網(wǎng)中搭建環(huán)境的話取试,那就現(xiàn)在聯(lián)網(wǎng)的主機下載好離線包拷貝到公司就好啦悬槽,什么你問我下載的puppeteer和chromium在哪里?當(dāng)然在當(dāng)前路徑下啦想括,因為使用npm i puppeteer命令時候沒有加 -g 的參數(shù)陷谱,所以默認是下載到當(dāng)前目錄
就這這個文件夾啦,包含所有的模塊和chromium包瑟蜈,如果你想自己去配置瀏覽器的路徑烟逊,參考:博主 睡眠不足的瞌睡蟲 ,的文章就好啦:http://www.reibang.com/p/d69b1d8bc2a6.