使用 Phonegap 显示 PDF - 多平台答案

【问题标题】：Display PDF with Phonegap - multiplatform使用 Phonegap 显示 PDF - 多平台
【发布时间】：2012-10-26 19:11:52
【问题描述】：

我正在尝试使用 phonegap 制作一个可以从互联网打开（和保存）PDF 文件的移动应用程序。这个应用程序应该可以在 Iphone、android 和 windows phone 上运行（这就是我选择 Phonegap 的原因）

我想我尝试了我能找到的一切，但我无法在设备上实现这一点。我可以控制提供 PDF (aspx) 的网络服务。

有没有人有一个例子可能如何做到这一点？我尝试了 ChildBrowser 插件，但也没有运气。我可以打开网站（http://www.etc.com），但是当我尝试打开 PDF（https://something.com?GetPDF.aspx）时，我只看到一个白色窗口在 cildbrowser 插件中。使用 HTML5 对象 en embed 标签，我也无法显示 PDF。

任何帮助都会很棒，因为此时我被卡住了！！

【问题讨论】：

标签： android iphone pdf cordova windows-phone-7.1

【解决方案1】：

在 cordova-2.5.0 中，我只使用 open.window 并将外部 PDF 传递给谷歌，如下所示：

onClick="window.open('http://docs.google.com/viewer?url=http://yoursite.com/thepdf.pdf','_blank', 'location=no'); return false;

然后 pdf 以电话间隙 InAppBrowser 打开。非常基本，但允许在 iOS 和 Android 之间提供更标准化的体验。

【讨论】：

【解决方案2】：

你需要先下载文件，然后在你打开这个pdf文件的地方创建文件资源管理器，或者你从互联网上打开文件，然后你需要试试这个代码：

childbrowser = ChildBrowser.install(); // create child browser
 var strrrPath = "http://www.section508.gov/docs/pdfguidanceforgovernment.pdf";
var path = strPath.substr(0,strPath.lastIndexOf('/')); //added file path - addres to file
childbrowser.showWebPage(encodeURI(path)); //open file

【讨论】：

您好 dajver，感谢您的宝贵时间和回答。这不起作用，我在子浏览器中看不到 PDF 文件。 childbroswer 打开的路径是“ht tp://www.section508.gov/docs”；不是PDF文件。我错过了什么吗？
您添加到您的项目子浏览器文件？也许您忘记在项目中添加 javascript 文件？我目前没有 X 代码，但您可能需要这样做：childbrowser = ChildBrowser.install(); // create child browser var strPath = "http://www.section508.gov/docs/pdfguidanceforgovernment.pdf"; childbrowser.showWebPage(strPath); //open file
嗨 dajver，是的，我做到了，并且 childbrowser.js 是在头部定义的。我还看到 childbrowser 出现了，但内容是白色的（没有 PDF）。到目前为止，我在 Windows Phone 和 Android 上尝试过这个，但没有任何运气。谢谢。