无法在 android 的 inappbrowser 中启动 pdf 文件

Question

当用户单击链接时，我需要在 inappbrowser 中显示 pdf。它在 ios 上运行良好，但在 android 上运行不正常。我正在为我的项目使用 IBM Worklight。以下是我使用的代码：

window.open("pdfURL","_blank","location=yes");

在 ios 中，inappbrowser 启动并显示 pdf，但在 android 中，inappbrowser 已启动但不显示任何内容

Answer 1

与内置 PDF 查看器的 iOS 不同，Android 的 webview 没有内置 PDF 查看器。
这就是它在 Android 中失败的原因。

您在 Android 中有 2 个选择：

1. 使用 Google Docs 查看文件通过将文件存储在远程服务器上并像这样重定向用户：window.open(encodeURI('https://docs.google.com/gview?embedded=true&url=http://www.your-server.com/files/your_file.pdf'), '_blank', 'location=yes,EnableViewPortScale=yes');

2. 或者使用 Cordova 插件。例如this one（您可以在 Google 中搜索更多信息）。为此，您需要了解how to create Cordova plug-ins in Worklight。

您可以在此处阅读更多选项：Phonegap InAppBrowser display pdf 2.7.0

Answer 2

尝试使用

window.open('pdfURL',"_system","location=yes,enableViewportScale=yes,hidden=no");

在哪里使用_system 将下载文件并在系统的应用程序（如 Chrome 或其他 PDF 查看器）中打开它。

Answer 3

使用 uriEncodeComponent(link) 和 https://docs.google.com/viewer?url= 链接

Doc、Excel、Powerpoint 和 pdf 都支持。

在应用浏览器中使用cordova。

document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
    window.open = cordova.InAppBrowser.open;
        }

            $("body").on("click",function(e){
           var clicked = $(e.target);
         if(clicked.is('a, a *'))
       {
             clicked = clicked.closest("a");
             var link = clicked.attr("href");
            if(link.indexOf("https://") !== -1)
           {
               if(true) //use to be able to determine browser from app
                 {
                    link = "http://docs.google.com/viewer?url=" +  encodeURIComponent(link) + "&embedded=true";
             }

                 window.open(link, "_blank", "location=no,toolbar=no,hardwareback=yes");
                return false;
            }
    }
    });

Answer 4

使用 google drive viewer 似乎是一个不错的快速选择。

但今后他们可能会更改或贬低他们的 API，您必须找到一种新的方式来支持这一点。 此外，安全性是另一个考虑因素，因为您的文件是公开可用且可下载的。

我在最近的一个项目中遇到了类似的情况，我们通过使用以下方式解决了它：pdf.js

这是一个基于 JS 的 PDF 解析器，具有一组良好的阅读器功能。它不像原生解析器那么流畅，但为我们完成了这项工作。 它的主要优点是我们可以控制代码并能够从设备文件系统打开文件。

如果您想采用更原生的应用内路线，那么正如@Idan Adar 提到的那样，原生库+cordova 插件是您的最佳选择。

Answer 5

试试这个代码，它对我来说很好。

var inAppBrowserRef;
var target = "_system";
var options = "location=yes,hidden=no,enableViewportScale=yes,toolbar=no,hardwareback=yes";
inAppBrowserRef = cordova.InAppBrowser.open(url, target, options); 

Answer 6

它对我有用

window.open(link, "_blank","location=yes");