Question

打算使用HTML5 Jquery和Phonegap打包的混合移动应用程序查看PDF文件。

但无法实现，

我尝试过的事情

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

也

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

和

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

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

Answer 1

与cordova你必须考虑这些：

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');

Answer 2

去看看Mozilla pdfJS project。

此项目允许您在应用中打开pdf（嵌入应用程序或远程）。没有依赖于原生观众的突破链接。

它们还为您提供了一个功能齐全的样本查看器，您可以按原样使用它，但其中的大部分功能都不适用于移动应用程序。

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

Answer 3

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

使用完整的文档和示例查看官方InAppBrowser doc，它有几个可以启用/禁用的选项（请务必指向您当前的cordova版本文档）：

Answer 4

我的离线可用性连接应用解决方案......

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

...这将在默认的pdf查看器中打开。出于显而易见的原因，我让我的客户使用adobe reader。并且因为一旦第一次下载，adobe app就可以很好地管理和编辑文档，之后也可以从adobe reader内离线获取文档。甚至是pdf表格。

在页面上链接了cordova.js。添加inAppBrowser。

对于完全离线，您可以尝试使用FileOpener插件。我不需要在Android上这样做，但我在iOS中使用过这种方式。

希望这一切都有所帮助。

Answer 5

虽然在这里很晚，但还是想分享我所知道的。 You can use this plugin在应用中查看PDF（无inappbrowser）。仅支持Android和iOS。

从HTML5 Hybrid Mobile App查看PDF文件

5 个答案: