首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

用Node.jsHTML转成PDF格式

翻译:疯狂的技术宅 原文:https://blog.risingstack.com/pdf-from-html-node-js-puppeteer/ 在本文中,我将展示如何使用 Node.js、Puppeteer...方案1:从 DOM 制作屏幕截图 方案2:仅使用 PDF 库 最终方案3:Node.js、Puppeteer 和 Headless Chrome 样式控制 将文件发送到客户端并保存 在 Docker...最终方案3:基于 Node.js 的 Puppeteer 和 Headless Chrome 什么是 Puppeteer?...它本质上是一个可以从 Node.js 运行的浏览器。如果你读过它的文档,其中首先提到的就是你可以用 Puppeteer 来生成页面的截图和PDF。优秀!这正是我们想要的。...CSS打印规则:如果你的用户受过足够的教育,知道如何页面内容打印到文件,并且你的页面相对简单,那么它可能是最轻松的解决方案。正如你在我们的案例中所看到的,事实并非如此。 打印快乐!

6.6K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    浏览器将标签转成 DOM 的过程

    - 用来完成网络调用,例如http请求,它具有平台无关的接口,可以在不同平台上工作 UI 后端- 用来绘制类似组合选择框及对话框等基本组件,具有不特定于某个平台的通用接口,底层使用操作系统的用户接口 JS...解释器- 用来解释执行JS代码 数据存储- 属于持久层,浏览器需要在硬盘中保存类似cookie的各种数据,HTML5定义了web database技术,这是一种轻量级完整的客户端存储技术 ?...有时候,解码格式也会写在 标签中。 最坏的情况是,浏览器进行了有根据的猜测,然后开始解析之后发现一个矛盾的 标签。...但是,预解析可以识别特定的 HTML 标签的名称和属性,以及 URL。...使用 JavaScript,网页可以几乎以任何方式重新排列 DOM 树,即使它没有意义,例如,添加表格单元格作为 标签的子项,渲染系统负责弄清楚如何处理任何前后不一致标签

    2.1K00

    浏览器是如何将标签转成 DOM ?

    - 用来完成网络调用,例如http请求,它具有平台无关的接口,可以在不同平台上工作 UI 后端- 用来绘制类似组合选择框及对话框等基本组件,具有不特定于某个平台的通用接口,底层使用操作系统的用户接口 JS...解释器- 用来解释执行JS代码 数据存储- 属于持久层,浏览器需要在硬盘中保存类似cookie的各种数据,HTML5定义了web database技术,这是一种轻量级完整的客户端存储技术 解析 当浏览器获得了资源以后要进行的第一步工作就是...有时候,解码格式也会写在 标签中。 最坏的情况是,浏览器进行了有根据的猜测,然后开始解析之后发现一个矛盾的 标签。...但是,预解析可以识别特定的 HTML 标签的名称和属性,以及 URL。...使用 JavaScript,网页可以几乎以任何方式重新排列 DOM 树,即使它没有意义,例如,添加表格单元格作为 标签的子项,渲染系统负责弄清楚如何处理任何前后不一致标签

    1.9K10
    领券