如何使用浏览器的(chrome / firefox)HTML / CSS / JS渲染引擎生成PDF?

戴维·霍夫曼

有一些不错的项目可以从html / css / js文件生成pdf

  1. http://wkhtmltopdf.org/(开源)
  2. https://code.google.com/p/flying-saucer/(开源)
  3. http://cssbox.sourceforge.net/(不一定是直接生成pdf)
  4. http://phantomjs.org/(开放源代码允许pdf输出)
  5. http://www.princexml.com/(商业性的,但其中最好的一种)
  6. https://thepdfapi.com/一种Chrome修改程序,可从html的spit中吐出pdf

我想以编程方式控制chrome或firefox浏览器(因为它们都是跨平台的),以使其加载网页,运行脚本并设置页面样式并生成pdf文件进行打印。

但是,我如何开始以自动化方式控制浏览器,以便我可以做类似的事情

渲染到pdf file-to-render.html out.pdf

通过浏览页面,然后将其打印为pdf,我可以轻松地手动完成此工作,然后在pdf文件上获得准确的,符合100%规范的渲染html / css / js页面。甚至可以通过浏览器中的配置选项在pdf中省略url标头。但是,再次,我如何开始尝试使该过程自动化?

我想在服务器端自动化,打开浏览器,导航到页面,并使用浏览器呈现的页面生成pdf。

我做了很多研究,只是我不知道如何提出正确的问题。我想以编程方式控制浏览器,也许像硒一样,但是到了将网页导出为PDF的地步(因此使用浏览器的渲染功能生成了良好的pdf)

吉列尔莫·古铁雷斯

Firefox为此提供了一种API方法:https : //developer.mozilla.org/zh-CN/docs/Mozilla/Add-ons/WebExtensions/API/tabs/saveAsPDF

browser.tabs.saveAsPDF({})
  .then((status) => {
    console.log('PDF file status: ' + status);
  });

但是,它似乎仅可用于Browser Extensions,而不能从网页中调用。

我仍在为此寻找公共API ...

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

当浏览器下载CSS文件时,Chrome中的渲染引擎会如何处理?

来自分类Dev

如何使用浏览器在Firefox / IE / Chrome中显示ppt / doc / xls / pdf

来自分类Dev

浏览器如何渲染/应用 CSS

来自分类Dev

使用CSS / JS从服务器磁盘向客户端浏览器渲染并提供HTML文件

来自分类Dev

CSS空格nowrap IE失败,但可以在Firefox / Chrome浏览器中使用

来自分类Dev

HTML / CSS:Google Chrome浏览器中的异常

来自分类Dev

如何在Chrome和Firefox浏览器中显示3D PDF

来自分类Dev

如何在Chrome和Firefox浏览器中显示3D PDF

来自分类Dev

如何使Chrome浏览器更像Firefox?

来自分类Dev

如何使用CSS内容跨浏览器将HTML文本替换为图像

来自分类Dev

如何使用CSS内容跨浏览器将HTML文本替换为图像

来自分类Dev

调整浏览器大小时如何隐藏DIV中的部分HTML文本?使用 CSS)

来自分类Dev

关于浏览器如何解释HTML / CSS / Javascript

来自分类Dev

如何在浏览器中呈现CSS / HTML?

来自分类Dev

如何在浏览器中呈现CSS / HTML?

来自分类Dev

基于浏览器引擎应用 CSS?

来自分类Dev

HTML / CSS的跨浏览器优化

来自分类Dev

HTML / CSS的跨浏览器优化

来自分类Dev

根据HTML,Javascript或CSS的更改自动重新加载Chrome浏览器

来自分类Dev

如何在浏览器操作点击时通过 API 发送完整的 HTML(在 JS 之后加载) - Chrome 扩展?

来自分类Dev

如何在Chrome浏览器和firefox浏览器中验证日期

来自分类Dev

如何禁用浏览器中的轻拂行为?(Chrome / Firefox)

来自分类Dev

如何在Firefox和Chrome等流行的浏览器中禁用HTML5内容?

来自分类Dev

主浏览器(Chrome / Firefox / Edge)能否显示PDF是否受保护?

来自分类Dev

Firefox字段的浏览器特定CSS填充

来自分类Dev

为什么我的animate.css动画只能在Chrome浏览器中运行,而不能在Firefox中运行?

来自分类Dev

在pdf.js查看器中渲染时,按文本在PDF文档上的位置添加HTML / CSS覆盖

来自分类Dev

如何从渲染的HTML元素生成PDF?

来自分类Dev

如何从渲染的HTML元素生成PDF?

Related 相关文章

  1. 1

    当浏览器下载CSS文件时,Chrome中的渲染引擎会如何处理?

  2. 2

    如何使用浏览器在Firefox / IE / Chrome中显示ppt / doc / xls / pdf

  3. 3

    浏览器如何渲染/应用 CSS

  4. 4

    使用CSS / JS从服务器磁盘向客户端浏览器渲染并提供HTML文件

  5. 5

    CSS空格nowrap IE失败,但可以在Firefox / Chrome浏览器中使用

  6. 6

    HTML / CSS:Google Chrome浏览器中的异常

  7. 7

    如何在Chrome和Firefox浏览器中显示3D PDF

  8. 8

    如何在Chrome和Firefox浏览器中显示3D PDF

  9. 9

    如何使Chrome浏览器更像Firefox?

  10. 10

    如何使用CSS内容跨浏览器将HTML文本替换为图像

  11. 11

    如何使用CSS内容跨浏览器将HTML文本替换为图像

  12. 12

    调整浏览器大小时如何隐藏DIV中的部分HTML文本?使用 CSS)

  13. 13

    关于浏览器如何解释HTML / CSS / Javascript

  14. 14

    如何在浏览器中呈现CSS / HTML?

  15. 15

    如何在浏览器中呈现CSS / HTML?

  16. 16

    基于浏览器引擎应用 CSS?

  17. 17

    HTML / CSS的跨浏览器优化

  18. 18

    HTML / CSS的跨浏览器优化

  19. 19

    根据HTML,Javascript或CSS的更改自动重新加载Chrome浏览器

  20. 20

    如何在浏览器操作点击时通过 API 发送完整的 HTML(在 JS 之后加载) - Chrome 扩展?

  21. 21

    如何在Chrome浏览器和firefox浏览器中验证日期

  22. 22

    如何禁用浏览器中的轻拂行为?(Chrome / Firefox)

  23. 23

    如何在Firefox和Chrome等流行的浏览器中禁用HTML5内容?

  24. 24

    主浏览器(Chrome / Firefox / Edge)能否显示PDF是否受保护?

  25. 25

    Firefox字段的浏览器特定CSS填充

  26. 26

    为什么我的animate.css动画只能在Chrome浏览器中运行,而不能在Firefox中运行?

  27. 27

    在pdf.js查看器中渲染时,按文本在PDF文档上的位置添加HTML / CSS覆盖

  28. 28

    如何从渲染的HTML元素生成PDF?

  29. 29

    如何从渲染的HTML元素生成PDF?

热门标签

归档