从 HTML5 混合移动应用程序查看 PDF 文件



打算查看来自混合移动应用程序的PDF文件,使用HTML5 Jquery创建并与Phonegap打包。

但无法实现,

我尝试过的事情

<object src="xyz.pdf" type="application/pdf"></object>

 window.open('xyz.pdf'); //through javascript

$(document).load('xyz.pdf');

任何人都可以建议在混合Android移动应用程序中查看PDF的最佳方式。

对于科尔多瓦,您必须考虑这些:

HTML 5 对象标记:不起作用

如果您尝试:

 window.open('http://www.???.com/my.pdf', '_blank', 'location=yes');

InAppViewer 无法打开此类文件。

我认为这个问题没有混合解决方案。您必须开始搜索或撰写使用本机 pdf 开头的插件,然后使用它。举个例子:

cordova-plugin-file-opener

最新的解决方案,更简单一些,但包括打开谷歌文档是:

window.open('https://docs.google.com/viewer? url=http://www.example.com/test.pdf&embedded=true', '_blank', 'location=yes'); 
ref = window.open('index.html', '_self');

去看看Mozilla pdfJS项目。

此项目允许您在应用程序中打开 pdf(嵌入在应用程序或远程中)。 没有依赖于本机查看器的突破链接。

它们还为您提供了一个功能非常齐全的示例查看器,您可以按原样使用,但其中的许多功能不适用于移动应用程序。

我在Android 4.3设备上取得了成功。

尝试安装 InAppBrowser 插件来执行此操作。我已经使用它在iOS和Android上的应用程序中打开PDF文件。

查看官方 InAppBrowser 文档,其中包含完整的文档和示例,它有几个选项可以启用/禁用(请务必指向您当前的 cordova 版本文档):

我的连接应用程序解决方案具有离线可用性...

window.open('http://www.someserver.com/doc.pdf', '_system')

。这将在默认的 PDF 查看器中打开。 我让我的客户出于显而易见的原因使用 Adobe Reader。 还因为一旦第一次下载,Adobe 应用程序就可以很好地管理和编辑文档,此后还可以从 Adobe 阅读器中离线访问文档。甚至 pdf 表单。

在页面上链接科尔多瓦.js。已添加应用浏览器。

对于完全离线,您可以尝试文件打开器插件。 我不需要在安卓上这样做,但我在iOS中使用了这种方式。

希望这些可能会有所帮助。

虽然来晚了,但还是想分享我所知道的。您可以使用此插件在应用程序中查看 PDF(无需应用程序浏览器)。仅支持安卓和iOS。

最新更新