首页 / JAVASCRIPT / javascript – Puppeteer JS从选择器生成PDF

javascript – Puppeteer JS从选择器生成PDF

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Puppeteer JS从选择器生成PDF，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含945字，纯文字阅读大概需要2分钟。

内容图文

我熟悉Puppeteer在Vue.js应用程序中使用,但我无法弄清楚如何根据页面上的特定元素生成PDF.我可以基于整页成功创建PDF,但这并不理想.有没有我错过的方法或课程可以允许这个？我找不到一个可链接的页面函数来按选择器进行过滤,如下所示：

    const browser = await puppeteer.launch();
    const page = await browser.newPage();
    await page.goto('https://what.a.fancy/website', {waitUntil: 'networkidle2'});
    await page.$('.just-this-html').pdf(options);

我确实看到有一个页面.$(选择器)函数,但我不知道如何使用.then()调用链接,该调用可以将返回的HTML访问为PDF.

谢谢！

解决方法:

试试这个代码.等待page.setContent()page.setContent

例

const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.goto('https://www.google.com/', {waitUntil: 'networkidle2'});
const dom = await page.$eval('div.jsb', (element) => {
     return element.innerHTML
}) // Get DOM HTML
await page.setContent(dom)   // HTML markup to assign to the page for generate pdf
await page.pdf(options)

内容总结

以上是互联网集市为您收集整理的javascript – Puppeteer JS从选择器生成PDF全部内容，希望文章能够帮你解决javascript – Puppeteer JS从选择器生成PDF所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/716838.html

来源：【匿名】