在linux(centos)上使用puppeteer實(shí)現(xiàn)網(wǎng)頁(yè)截圖功能

你在linux上安裝puppeteer時(shí)可能遇到如下問(wèn)題，本文將引導(dǎo)你如何爬坑！

創(chuàng)新互聯(lián)公司主要從事成都網(wǎng)站建設(shè)、網(wǎng)站制作、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)封丘,十多年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來(lái)電咨詢建站服務(wù):13518219792

> puppeteer@2.0.0 install /www/node_modules/puppeteer
> node install.js
ERROR: Failed to download Chromium r706915! Set "PUPPETEER_SKIP_CHROMIUM_DOWNLOAD" env variable to skip download.
{ Error: EACCES: permission denied, mkdir '/www/node_modules/puppeteer/.local-chromium'
-- ASYNC --
    at BrowserFetcher.<anonymous> (/www/node_modules/puppeteer/lib/helper.js:111:15)
    at Object.<anonymous> (/www/node_modules/puppeteer/install.js:62:16)
    at Module._compile (module.js:635:30)
    at Object.Module._extensions..js (module.js:646:10)
    at Module.load (module.js:554:32)
    at tryModuleLoad (module.js:497:12)
    at Function.Module._load (module.js:489:3)
    at Function.Module.runMain (module.js:676:10)
    at startup (bootstrap_node.js:187:16)
    at bootstrap_node.js:608:3
errno: -13,
code: 'EACCES',
syscall: 'mkdir',
path: '/www/node_modules/puppeteer/.local-chromium' }
npm WARN enoent ENOENT: no such file or directory, open '/www/package.json'
npm WARN www No description
npm WARN www No repository field.
npm WARN www No README data
npm WARN www No license field

我成安裝puppeteer并實(shí)際截圖的過(guò)程如下：

1.安裝nodejs和npm

# 下載解壓
wget -c https://nodejs.org/dist/v8.9.1/node-v8.9.1-linux-x64.tar.xz
tar -xvf node-v8.9.1-linux-x64.tar.xz
# 移動(dòng)重命名(可選)
mv node-v8.9.1-linux-x64 /www/nodejs
# 創(chuàng)建軟連接（快捷方式）,如果上一步重命名不同則這一步的下劃線部分根據(jù)實(shí)際情況做調(diào)整
ln -s /www/nodejs/bin/node /usr/local/bin/node
ln -s /www/nodejs/bin/npm /usr/local/bin/npm

2.安裝chromium

yum install chromium

3.安裝puppeteer-core（直接安裝pupperter會(huì)因?yàn)閏hromium無(wú)法下載而報(bào)錯(cuò)）

npm i puppeteer-core

4.新建一個(gè)a.js

const puppeteer = require('puppeteer-core');
(async () => {
 const browser = await puppeteer.launch({
 executablePath: '/usr/bin/chromium-browser',
 args:["--no-sandbox"]
 });
 const page = await browser.newPage();
 await page.goto('https://www.baidu.com');
 await page.screenshot({path: 'example.png'});
 await browser.close();
})();

這一步的代碼跟網(wǎng)上的可能不同，一個(gè)是require里面的是puppeteer-core而不是puppeteer，因?yàn)槲覀儼惭b的就是puppeteer-core而不是puppeteer

另一個(gè)是launch里面有兩個(gè)參數(shù)，第一個(gè)參數(shù)也是因?yàn)槲覀儧](méi)有直接安裝puppeteer所以需要指定路徑，第二個(gè)參數(shù)則是因?yàn)閏hromium的某些限制，root賬號(hào)執(zhí)行需要加上這個(gè)參數(shù)

5.執(zhí)行a.js

node a.js

執(zhí)行完之后就可以看到一個(gè)example.png

注意：如果頁(yè)面中有中文可能無(wú)法正常顯示，因?yàn)槿狈χ形淖煮w。解決方法是直接把你自己電腦中的c:/windows/fonts中的中文字體上傳到服務(wù)器的/usr/share/fonts/chinese下即可（默認(rèn)沒(méi)有chinese目錄，自己新建即可）。如果不行請(qǐng)參考這個(gè)連接https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&rsv_idx=1&tn=baidu&wd=centos%20%E4%B8%AD%E6%96%87%E5%AD%97%E4%BD%93&oq=puppeteer&rsv_pq=a90b2ea50000943a&rsv_t=9035FHeJQWcr7x6RGsK%2BmDYU11AFyz8svepkcwhlQ51aDVXUfHrKZA7vFjQ&rqlang=cn&rsv_enter=0&rsv_dl=tb&inputT=5789&rsv_sug3=132&rsv_sug1=63&rsv_sug7=100&rsv_sug2=0&rsv_sug4=5908

puppeter相關(guān)文檔 https://pptr.dev/

總結(jié)

以上所述是小編給大家介紹的在linux (centos)上使用puppeteer實(shí)現(xiàn)網(wǎng)頁(yè)截圖功能，希望對(duì)大家有所幫助！

網(wǎng)頁(yè)名稱：在linux(centos)上使用puppeteer實(shí)現(xiàn)網(wǎng)頁(yè)截圖功能
轉(zhuǎn)載注明：http://muchs.cn/article40/pphhho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、企業(yè)建站、品牌網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、網(wǎng)站策劃

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容