Puppeteer 是 Chrome 開發(fā)團隊在 2017 年發(fā)布的一個 Node.js 包，用來模擬 Chrome 瀏覽器的運行。

demo只支持將簡單不需要翻頁，不需要登陸的頁面轉(zhuǎn)換為圖片

需要node環(huán)境，以及npm或cnpm包管理工具(自行百度)

開始

進入一個新的項目目錄，命令模式進入項目目錄

npm init

然后一直回車，內(nèi)容可不填。

修改 package.json 文件為下面的內(nèi)容：

//package.json

{

"name": "html_to_png",

"version": "1.0.0",

"description": "",

"main": "index.js",

"scripts": {

"start": "node index.js",

"test": "echo \"Error: no test specified\" && exit 1"

},

"author": "",

"license": "ISC",

"dependencies": {

"puppeteer": "^2.1.1"

}

}

安裝依賴

npm install

在項目根目錄下創(chuàng)建index.js文件

// index.js

// 引入puppeteer

const puppeteer = require('puppeteer');

// 需要生成的圖的文件名

const fileName = 'example.png';

// html網(wǎng)絡(luò)地址

const url = 'https://www.jianshu.com/p/5abd81129f8c';

(async () => {

const browser = await puppeteer.launch({

defaultViewport: {

width: 1600,

height: 937

},

});

const page = await browser.newPage();

await page.goto(url);

await page.screenshot({ path: fileName, fullPage: true });

await browser.close();

})();

運行

npm run start

等待幾秒后，如果在項目目錄下生成圖片，說明成功了。

總結(jié)

以上是生活随笔為你收集整理的node将图片转换成html文件,node+puppeteer将整个网页html转换为图片并保存【滚动截屏】...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。