electron加载pdf的问题，还真是一个历史性的难题。说难也难，说简单也简单。本篇文章中，苏南大叔简要的说说，在electron中显示pdf文件的几个解决方案。来解答一下，在electron中，如何加载显示pdf的这个历史性谜团。

苏南大叔：electron 如何加载解析 pdf 文件？三大方案解决问题 - electron-pdf
electron 如何加载解析 pdf 文件？三大方案解决问题（图6-1）

方案总体上总结如下：

newsn.net：这里是【评论】可见内容

通用方案一，pdf.js

无视electron版本号，通用方案就是：使用pdf.js来加载pdf文件，这个方案最靠谱。pdfjs开源代码，可以参见下面这个地址：

官方的pdf.js源码里面，代码太多，完全不合适小白学习使用。那么，大家无脑入门的话，就记得下面这个地址即可：

http://<host>/pdfjs/web/viewer.html?file=pdf.pdf

苏南大叔：electron 如何加载解析 pdf 文件？三大方案解决问题 - pdfjs-viewer
electron 如何加载解析 pdf 文件？三大方案解决问题（图6-2）

当然，在electron中的时候，上述http://字样，可以替换成file://。您可以使用loadURL()方法load对应的view.html，还可以使用iframe或者webview加载对应的view.html，都是可以显示pdf.pdf这个文件的。

file://<path>/pdfjs/web/viewer.html?file=pdf.pdf

可能的渲染进程使用方式是：

newsn.net：这里是【评论】可见内容

可能的主进程使用方式是：

newsn.net：这里是【评论】可见内容

总结

传统的object和embed这两个标签，electron都是不支持的，请知悉，大家就不用做无谓的相关尝试了。这几种pdf加载方案都各有利弊，大家根据自己的实际情况选择吧。

请支持苏南大叔的electron相关经验文章：

如果本文对您有帮助，或者节约了您的时间，欢迎打赏瓶饮料，建立下友谊关系。
本博客不欢迎：各种镜像采集行为。请尊重原创文章内容，转载请保留链接作者。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可，规模化镜像抄袭本站内容的行为，将会根据有关法律法规进行维权。
《程序如此灵动~》下所有原创文章，如被用于商业用途，请您按规定支付稿费。

 【加群】加入QQ群【175454274】和大家一起讨论这个问题

 【源码】本文代码片段及相关软件，请点此获取

 【绝密】秘籍文章入口，仅传授于有缘之人   electron    pdf

本站的忠实读者小伙伴，正在阅读下面这些文章：