ios - 如何让ChildBrowser打开所有PDF文件

Question

我将 Xcode 4 与 PhoneGap (Cordova 1.6) 和 ChildBrowser 一起使用。我在 OSX 上使用 SiteCrawler 成功下载了一个网站并对其进行了本地化，它可以在本地完全浏览图像、PDF 等。我已将所有本地化的站点文件移动到 PhoneGap www 文件夹中，应用程序测试构建良好 -网站完全可以浏览。

我希望站点上的 PDF 在它们自己的窗口中打开，ChildBrowser 可以完美地满足我的需要。使用 http://blog.digitalbackcountry.com/2012/03/installing-the-childbrowser-plugin-for-ios-with-phonegapcordova-1-5/我能够安装 ChildBrowser 并正常工作 - 我在 ChildBrowser 中打开了 PDF 文件。

我的问题是，使用上面的链接，我必须添加 ontouchstart="loadChildBrowser('/path/to/file.pdf'); return false;"到网站上的每个 PDF 链接。由于我们使用 CMS，这不是什么大问题 - 大部分 PDF 都是从模板调用的，数据从 CMS 填充，它们很好。但是在站点中的某些页面中，客户已将指向上传的 PDF 的链接添加到页面内容中。在这种情况下，没有简单的方法可以将上述代码添加到内联链接中。

我想我可以使用 jQuery 在点击时查看页面上的每个标签，如果点击，运行 ChildBroswer 实例，这将涵盖两种类型的 PDF 链接，但我似乎无法做到工作。这是我所拥有的:

    <script type="text/javascript" src="/a/js/cordova-1.6.0.js"></script>
    <script type="text/javascript" src="/a/js/ChildBrowser.js"></script>
    <script>

    // install ChildBrowser
    var cb = ChildBrowser.install();

    //loading a web page in ChildBrowser 
    $('a[href$=pdf]').click(function() {
        var href = $(this).attr('href');
        cb.showWebPage(encodeURI(href));
        return false;
    });
    </script>

使用上面没有内联链接 javascript 的 PDF，PDF 会在没有子浏览器的情况下自行打开。

将下面的内容与 ontouchstart="loadChildBrowser('/path/to/file.pdf'); return false;"一起使用，子浏览器将打开，并且对于某些链接显示 PDF，而对于其他链接则只显示加载。我认为这只是对路径进行了调整，但我认为如果可以使上述内容发挥作用，它将是最通用的。

    <script type="text/javascript" src="/a/js/cordova-1.6.0.js"></script>
    <script type="text/javascript" src="/a/js/ChildBrowser.js"></script>
    <script>

    // install ChildBrowser
    var cb = ChildBrowser.install();

    //loading a web page in ChildBrowser 
    function loadChildBrowser(file) { 
        cb.showWebPage(encodeURI(file)); 
    }
    </script>

Answer 1

通过反复试验，我能够使它在大多数情况下正常工作。我仍然遇到一些不相关的错误(好吧，与 Childbrowser 有关，但与加载本地 PDF 文件无关)。

因此，使用 ontouchstart="loadChildBrowser('/path/to/file.pdf'); 返回 false;"在网站上所有指向 PDF 的链接上仍然是可行的方法。发生变化的是我用来确定 PDF 路径和启动 ChildBrowser 的 JS 函数。我必须这样做:

<script type="text/javascript" src="/a/js/cordova-1.6.0.js"></script>
<script type="text/javascript" src="/a/js/ChildBrowser.js"></script>
<script>

    // install ChildBrowser
    var cb = ChildBrowser.install();

    //loading a web page in ChildBrowser 
    function loadChildBrowser(file) {
        var path = location.pathname+file;
        var len = path.length;
        var locleft = path.indexOf('/www/')+4;
        var trim = len-locleft;
        var left = path.slice(0,-trim);
        var locright = path.indexOf('/assets/');
        var trim = len-locright;
        var right = path.slice(-trim);
        var finalPath = left+right;
        cb.showWebPage(encodeURI(finalPath)); 
    } 

</script>

在我包含的头文件中(因此它位于网站每个页面的头部)。问题是，当 ChildBrowser 提取文件路径时，它会将正常站点的 Web 根目录 (/assets/documents/xxx.pdf) 下面的部分附加到当时在应用程序中查看的页面的完整路径，所以我最终得到:

/var/users/name/blah/blah/www/page.html/assets/documents/xxx.pdf

当我们想要的时候:

/var/users/name/blah/blah/www/assets/documents/xxx.pdf

上面的脚本将 location.pathname 添加到从调用 ChildBrowser 的函数 (ontouch start) 传递的文件 var 中，以便我们最终得到

/var/users/name/blah/blah/www/page.html/assets/documents/xxx.pdf(不正确)

然后它将其拆分为左侧部分(/www 之前的所有内容)和右侧部分(包括/assets/之后的所有内容)，然后将它们连接起来(有效地删除所有站点目录和 html 文件信息)，然后调用 ChildBrowser与那个finalPath。为我工作。