Puppeteer保存html,使用puppeteer打开本地html文件

7 个答案:

答案 0 :(得分：14)

我刚刚在本地做了一个测试(你可以看到我在Windows上做了这个)，木偶操作者使用page.goto和一个完整的文件URL愉快地打开我的本地html文件，并将其保存为pdf：

'use strict';

const puppeteer = require('puppeteer');

(async() => {

const browser = await puppeteer.launch();

const page = await browser.newPage();

await page.goto('file://C:/Users/compoundeye/test.html');

await page.pdf({

path: 'test.pdf',

format: 'A4',

margin: {

top: "20px",

left: "20px",

right: "20px",

bottom: "20px"

}

});

await browser.close();

})();

答案 1 :(得分：3)

如果文件位于本地，则使用setContent比使用goto更好

var contentHtml = fs.readFileSync('file://C:/Users/compoundeye/test.html', 'utf8');

await page. setContent(contentHtml);

您可以在here的setContent和goto之间检查性能

答案 2 :(得分：2)

为什么不打开HTML文件读取内容，然后点击“ setContent”

答案 3 :(得分：1)

让我们以本地HTML文件中的元素的屏幕截图为例

import puppeteer from 'puppeteer';

(async () => {

const browser = await puppeteer.launch();

const page = await browser.newPage();

await page.goto(`file://${__dirname}/pages/test.html`);

const element = await page.$('.myElement');

if (element) {

await elementHandle.screenshot({

path: `./out/screenshot.png`,

omitBackground: true,

});

}

await browser.close();

})();

注意：__dirname是一个node.js全局变量，它返回正在运行的脚本的绝对路径。

答案 4 :(得分：1)

您可以使用file-url来准备要传递给page.goto的URL：

const fileUrl = require('file-url');

const puppeteer = require('puppeteer');

const browser = await puppeteer.launch();

const page = await browser.newPage();

await page.goto(fileUrl('file.html'));

await browser.close();

答案 5 :(得分：0)

我打开了要加载到浏览器中的文件，并复制了URL，以确保所有\都正确。

await page.goto(`file:///C:/pup_scrapper/testpage/TM.html`);

答案 6 :(得分：0)

仅当您还通过引用file://时，才可以导航到本地文件，否则安全限制会阻止此操作成功。