ios - 在 Phonegap 3.1.0 中未调用 InAppBrowser

Question

我从 NPM 获取了最新版本的 phonegap 并安装了它。我创建了一个新项目并根据 PhoneGap 上的文档添加了 InAppBrowser 插件 .然后我从我的 webapp 进行 JavaScript 调用，但我从未看到我在下面编码的警报，也没有看到我在 Xcode 中为插件设置的任何断点。

这是 JS 的代码:

var pdfViewer = {
    loadPdf: function(record, successCallback, errorCallback) {
        var filename = record.get('building') + "-" + record.get('floor') + ".pdf";
        var url = People.app.srvcUrl + Global.floorPlanUri + filename + "?access_token=" + People.app.bearerToken.access_token;
        if (Ext.os.is.iOS) {
        //    cordova.exec(successCallback, errorCallback, "PDFViewer", "loadRemotePdf", [url, filename]);


            var ref = window.open(url, '_blank', 'location=yes');
            ref.addEventListener('loadstart', function() { alert("You made it!"); });
        } else {
            window.open(url, '_system', 'location=yes');
        }
    }
};

发生的事情是启动 url 以在我现有的应用程序之上显示 PDF，没有警报也没有位置/关闭按钮。知道为什么不使用 InAppBrowser 吗？我需要在带有关闭按钮的窗口中显示它。

这是我在运行应用程序时在 Xcode 中看到的输出:

2013-10-23 09:39:02.380 mobile-xxx-ios[3302:60b] Multi-tasking -> Device: YES, App: YES
2013-10-23 09:39:02.426 mobile-xxx-ios[3302:60b] Unlimited access to network resources
2013-10-23 09:39:02.564 mobile-xxx-ios[3302:60b] [CDVTimer][phonedialer] 0.477016ms
2013-10-23 09:39:02.567 mobile-xxx-ios[3302:60b] [CDVTimer][sms] 0.230014ms
2013-10-23 09:39:02.569 mobile-xxx-ios[3302:60b] [CDVTimer][emailcomposer] 0.252008ms
2013-10-23 09:39:02.571 mobile-xxx-ios[3302:60b] [CDVTimer][TotalPluginStartup] 7.416010ms
2013-10-23 09:39:02.957 mobile-xxx-ios[3302:60b] Resetting plugins due to page load.
2013-10-23 09:39:05.789 mobile-xxx-ios[3302:60b] Finished load of: file:///var/mobile/Applications/5916FB20-FDEC-40A7-AE77-9EF14AF30585/mobile-xxx-ios.app/www/index.html
2013-10-23 09:39:18.168 mobile-xxx-ios[3302:60b] Resetting plugins due to page load.
2013-10-23 09:39:18.680 mobile-xxx-ios[3302:60b] Finished load of: https://pdfs.xxx.com/noauth/plans/x-1.pdf
FAILED to create agar for HelveticaLTMM.
FAILED to create agar for TimesLTMM.

这是我的 config.xml:

<widget xmlns     = "http://www.w3.org/ns/widgets"
        id        = "io.cordova.helloCordova"
        version   = "2.0.0">
    <name>Mobile App</name>

    <description>
        Mobile Phonegap Application
    </description>

    <access origin="*" subdomains="true"/>

    <content src="index.html" />

    <!-- Preferences for iOS -->
    <preference name="KeyboardDisplayRequiresUserAction" value="true" />
    <preference name="SuppressesIncrementalRendering" value="false" />
    <preference name="UIWebViewBounce" value="true" />
    <preference name="TopActivityIndicator" value="gray" />
    <preference name="EnableLocation" value="false" />
    <preference name="EnableViewportScale" value="false" />
    <preference name="AutoHideSplashScreen" value="true" />
    <preference name="ShowSplashScreenSpinner" value="true" />
    <preference name="MediaPlaybackRequiresUserAction" value="false" />
    <preference name="AllowInlineMediaPlayback" value="false" />
    <preference name="OpenAllWhitelistURLsInWebView" value="false" />
    <preference name="BackupWebStorage" value="cloud" />
    <preference name="permissions" value="none" />
    <preference name="orientation" value="default" />
    <preference name="target-device" value="universal" />
    <preference name="fullscreen" value="true" />
    <preference name="webviewbounce" value="true" />
    <preference name="prerendered-icon" value="true" />
    <preference name="stay-in-webview" value="false" />
    <preference name="ios-statusbarstyle" value="black-opaque" />
    <preference name="detect-data-types" value="true" />
    <preference name="exit-on-suspend" value="false" />
    <preference name="show-splash-screen-spinner" value="true" />
    <preference name="auto-hide-splash-screen" value="true" />
    <preference name="disable-cursor" value="false" />
    <preference name="android-minSdkVersion" value="7" />
    <preference name="android-installLocation" value="auto" />

    <feature name="SSLSelfCertOverride">
        <param name="ios-package" value="SSLSelfCertOverride" />
    </feature>
    <feature name="LocalStorage">
        <param name="ios-package" value="CDVLocalStorage"/>
    </feature>
    <feature name="PhoneDialer">
        <param name="ios-package" value="PhoneDialer"/>
        <param name="onload" value="true" />
    </feature>
    <feature name="Sms">
        <param name="ios-package" value="Sms"/>
        <param name="onload" value="true" />
    </feature>
    <feature name="EmailComposer">
        <param name="ios-package" value="EmailComposer"/>
        <param name="onload" value="true" />
    </feature>
    <feature name="InAppBrowser">
        <param name="ios-package" value="CDVInAppBrowser" />
    </feature>
    <feature name="Geolocation">
        <param name="ios-package" value="CDVLocation" />
    </feature>
    <feature name="PackageInfo">
        <param name="ios-package" value="PackageInfo" />
    </feature>
    <feature name="PDFViewer">
        <param name="ios-package" value="PDFViewer" />
    </feature>
</widget>

Answer 1

请检查以下内容:

第一步

在您的“platforms/ios/www/plugins/”中，是否有“org.apache.cordova.inappbrowser”目录？如果答案是否定的，则未成功添加。

解决方案:创建目录“org.apache.cordova.inappbrowser/www/”，并将“InAppBrowser.js”放入其中。您可以在 PhoneGap 项目根目录“yourproject/plugins/org.apache.cordova.inappbrowser/www/”中找到它。然后转到步骤 2。

第 2 步

打开“platforms/ios/www/cordova_plugins.js”。在“module.exports”中，添加:

    {
        "file": "plugins/org.apache.cordova.inappbrowser/www/InAppBrowser.js",
        "id": "org.apache.cordova.inappbrowser.InAppBrowser",
        "clobbers": [
            "window.open"
        ]
    }

在“module.exports.metadata”中，添加:

    "org.apache.cordova.inappbrowser": "0.2.5"

并保存。 “0.2.5”是插件的版本，可以在plugin.xml中找到。 (看起来这个数字并不重要。)

然后运行它，打开你的检查器并检查“InAppBrowser.js”是否成功添加到 head 标签中。

注意:在不修改“cordova_plugins.js”的情况下手动将“InAppBrowser.js”添加到 head 标签中将不起作用。如果1的回答是肯定的，直接进入第2步。

希望这能解决您的问题。