Phonegap inappbrowser 不工作

Posted

技术标签:

【中文标题】Phonegap inappbrowser 不工作【英文标题】:Phonegap inappbrowser not working 【发布时间】:2016-02-06 11:44:18 【问题描述】:

我对插件 cordova-plugin-inappbrowser 进行了一个简单的测试,但它不起作用,请帮忙。 我做了什么: 1. phonegap 创建 phonegap-default 2.phonegap插件添加cordova-plugin-inappbrowser --save 3. 将此行添加到“app” div 底部的 www/index.html 中:

<a href="var ref = cordova.InAppBrowser.open('http://apache.org', '_blank', 'location=yes');"><h1>Test</h1></a>

index.html 如下:

<html>
<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="msapplication-tap-highlight" content="no" />
    <!-- WARNING: for ios 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <title>Hello World</title>
</head>
<body>
    <div class="app">
        <h1>PhoneGap</h1>
        <div id="deviceready" class="blink">
            <p class="event listening">Connecting to Device</p>
            <p class="event received">Device is Ready</p>
        </div>
    <a href="var ref = cordova.InAppBrowser.open('http://apache.org', '_blank', 'location=yes');"><h1>Test</h1></a>
    </div>
    <script type="text/javascript" src="cordova.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript">
        app.initialize();
    </script>
</body>

    phonegap 服务 打开 phonegap 开发应用程序(在 iOS 9.2.1 中),连接到 phonegap 服务器然后点击测试链接。没啥事儿。

我的 Phonegap 版本是 5.4.1。提前致谢。

【问题讨论】:

我能知道为什么这会被否决吗? 【参考方案1】:

我认为你应该补充:

<access origin="http://apache.org" subdomains="true" /> 

在 config.xml 中 或许还需要补充一下

<feature name="InAppBrowser">
    <param name="ios-package" value="CDVInAppBrowser" />
</feature>

如需更多信息,请访问: https://cordova.apache.org/docs/en/3.0.0/cordova/inappbrowser/inappbrowser.html

要在 android 上使用此插件,您还应该添加 cordova-plugin-whitelist 插件:

https://github.com/apache/cordova-plugin-whitelist

【讨论】:

以上是关于Phonegap inappbrowser 不工作的主要内容,如果未能解决你的问题,请参考以下文章

Cordova/PhoneGap InAppBrowser 根本不工作

Phonegap / iOS - 无法使 inAppBrowser 工作

phonegap Inappbrowser 不显示位置栏(ios)

Phonegap/Cordova InAppbrowser 文件下载问题

如何让 Phonegap InAppBrowser 不缓存 url 内容?

Phonegap Build Inappbrowser 缩放