phonegap inappbrowser IOS无法正常工作

时间:2014-06-27 14:24:08

标签: ios cordova inappbrowser

我在IOS的phonegap中创建了一个项目,我想在我的IOS浏览器中打开一个ulr但不在我的应用程序中。我尝试使用inAppBrowser插件,但它似乎没有工作。

我只使用.html, .css, .js files and the config.xml而我在Windows上,并使用在线工具Adobe Phonegap builder构建我的项目

如果我做对了,根据这个链接https: build.phonegap.com/plugins/658,就没有必要安装你想要使用的插件,正如一些建议使用命令cordova plugin add...。您可以通过在config.xml文件中设置插件来完成工作。我对吗?

我的config.xml文件:

<?xml version="1.0" encoding="UTF-8"?>

<widget xmlns = " www.w3.org/ns/widgets"
        xmlns:gap = " phonegap.com/ns/1.0"
    id    = "com.test.testingApp"
    version   = "1.0.0">

    <name>test</name>

    <!-- app icons and splashscreen -->
    <icon src="icon.png" /> 
    <gap:splash src="splash.png" />

    <platform name="android">
        <icon density="mdpi" src="res/android/icon-48-hdpi.png" />
        <icon density="hdpi" src="res/android/icon-72-hdpi.png" />
        <icon density="xhdpi" src="res/android/icon-96-hdpi.png" />
        <icon density="xxhdpi" src="res/android/icon-144-hdpi.png" />

        <gap:splash gap:density="mdpi" src="splash.png" width="320" height="470" />
        <gap:splash gap:density="hdpi" src="splash.png" width="480" height="640" />
        <gap:splash gap:density="xhdpi" src="splash.png" width="720" height="960" />
        <gap:splash gap:density="xxhdpi" src="splash.png" />
    </platform>

    <platform name="ios">
    <!-- iOS 7.0+ -->
    <!-- iPhone / iPod Touch  -->
        <icon src="res/ios/icon-60.png" width="60" height="60" />
        <icon src="res/ios/icon-60@2x.png" width="120" height="120" />
        <!-- iPad -->
        <icon src="res/ios/icon-76.png" width="76" height="76" />
        <icon src="res/ios/icon-76@2x.png" width="152" height="152" />
        <!-- iOS 6.1 -->
        <!-- Spotlight Icon -->
        <icon src="res/ios/icon-40.png" width="40" height="40" />
        <icon src="res/ios/icon-40@2x.png" width="80" height="80" />
        <!-- iPhone / iPod Touch -->
        <icon src="res/ios/icon.png" width="57" height="57" />
        <icon src="res/ios/icon@2x.png" width="114" height="114" />
        <!-- iPad -->
        <icon src="res/ios/icon-72.png" width="72" height="72" />
        <icon src="res/ios/icon-72@2x.png" width="144" height="144" />
        <!-- iPhone Spotlight and Settings Icon -->
        <icon src="res/ios/icon-small.png" width="29" height="29" />
        <icon src="res/ios/icon-small@2x.png" width="58" height="58" />
        <!-- iPad Spotlight and Settings Icon -->
        <icon src="res/ios/icon-50.png" width="50" height="50" />
        <icon src="res/ios/icon-50@2x.png" width="100" height="100" />
    </platform>


    <preference name="phonegap-version" value="3.3.0" />



    <!-- splashscreen delay -->
    <preference name="SplashScreenDelay" value="5000" /> 

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

    <!-- <content src=" mysite.com/myapp.html" /> for external pages -->
    <content src="index.html" />

    <preference name="loglevel" value="DEBUG" />

    <!-- <preference name="orientation" value="portrait" /> -->

  <preference name="loadUrlTimeoutValue" value="20000" />
  <preference name="InAppBrowserStorageEnabled" value="true" />
    <!--
  <preference name="splashscreen" value="resourceName" />
  <preference name="backgroundColor" value="0xFFF" />
  <preference name="loadUrlTimeoutValue" value="20000" />
  <preference name="InAppBrowserStorageEnabled" value="true" />
  <preference name="disallowOverscroll" value="true" />
    <preference name="keepRunning" value="false" />
    --> 

    <feature name="App">
  <param name="android-package" value="org.apache.cordova.App"/>
    </feature>
    <feature name="Geolocation">
  <param name="android-package" value="org.apache.cordova.GeoBroker"/>
    </feature>
    <feature name="Device">
  <param name="android-package" value="org.apache.cordova.Device"/>
    </feature>
    <!--
    <feature name="Accelerometer">
  <param name="android-package" value="org.apache.cordova.AccelListener"/>
    </feature>
    <feature name="Compass">
  <param name="android-package" value="org.apache.cordova.CompassListener"/>
    </feature>
    <feature name="Media">
  <param name="android-package" value="org.apache.cordova.AudioHandler"/>
    </feature>
    <feature name="Camera">
  <param name="android-package" value="org.apache.cordova.CameraLauncher"/>
    </feature>
    <feature name="Contacts">
  <param name="android-package" value="org.apache.cordova.ContactManager"/>
    </feature>
    <feature name="File">
  <param name="android-package" value="org.apache.cordova.FileUtils"/>
    </feature>
    -->
    <feature name="NetworkStatus">
  <param name="android-package" value="org.apache.cordova.NetworkManager"/>
    </feature>
    <feature name="Notification">
  <param name="android-package" value="org.apache.cordova.Notification"/>
    </feature>
    <!--
    <feature name="Storage">
  <param name="android-package" value="org.apache.cordova.Storage"/>
    </feature>
    <feature name="FileTransfer">
  <param name="android-package" value="org.apache.cordova.FileTransfer"/>
    </feature>
    <feature name="Capture">
  <param name="android-package" value="org.apache.cordova.Capture"/>
    </feature>
    <feature name="Battery">
  <param name="android-package" value="org.apache.cordova.BatteryListener"/>
    </feature>
    -->
    <feature name="SplashScreen">
  <param name="android-package" value="org.apache.cordova.SplashScreen"/>
    </feature>
    <feature name="SplashScreen">
        <param name="ios-package" value="CDVSplashScreen" />
    </feature>
    <!--
    <feature name="Echo">
  <param name="android-package" value="org.apache.cordova.Echo"/>
    </feature>
    <feature name="Globalization">
  <param name="android-package" value="org.apache.cordova.Globalization"/>
    </feature>
    -->
    <feature name="InAppBrowser"> 
        <param name="android-package" value="org.apache.cordova.inappbrowser.InAppBrowser"/>
    </feature>
    <feature name="InAppBrowser">
        <param name="ios-package" value="CDVInAppBrowser" /> 
    </feature>

    <!-- Deprecated plugins element. Remove in 3.0 -->
    <plugins>
        <gap:plugin name="org.apache.cordova.inappbrowser" version="0.3.3" />
    </plugins>
</widget>


我的index.html文件是:

<html> 
<head>      
    <meta charset="utf-8" />
    <meta id="extViewportMeta" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />

    <title>Hello World</title>

    <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
    <script type="text/javascript" charset="utf-8" src="cordova_plugins.js"></script>

    <link rel="stylesheet" href="  code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css"> 
    <script src="  code.jquery.com/jquery-1.10.2.min.js"></script>
    <script src="  code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script> 
</head> 

<body> 
<div data-role="page">

    <!-- MAIN BODY -->
    <div data-role="content" role="main" style="padding-bottom:230px;">
        <div class="main_header">
                    <br />      
                    <a href="#" onclick="window.open(' www.google.com', '_blank', 'location=yes'); return false;">PlanTech</a>
                    <br />      
                    <a href="#" onclick="window.open(' www.google.com', '_system', 'location=no');return false; ">PlanTech</a>
        </div>
    </div>
</div>

<div id="highlight"></div>
</body>
</html>



问题是两个链接都在我的应用程序内部打开(而不是在他们应该的单独浏览器中)。因此,在点击其中一个链接而没有结束应用程序并重新启动它之后,没有机会返回我的index.html页面。

我很感激,如果有人可以帮我解决这个问题,因为我在互联网上搜索过几次而且我被卡住了。

提前感谢大家的时间。

2 个答案:

答案 0 :(得分:1)

我有一个解决方案... there is no chance to get back to my index.html page after one of the links clicked

如果您完成documentation

1 - 返回窗口对象,如

     var ref = window.open ('www.google.com', '_blank', 'location=yes');

2 - 为退出事件添加事件监听器。

    ref.addEventListener(exit, myexitcallback);

3 - 关闭方法将关闭浏览器窗口。所以,在你的函数中回调:

function myexitcallback{
   ref.close();
}

希望这能解决您的问题。 祝你好运。

答案 1 :(得分:0)

最后,我自己找到了问题的解决方案。像往常一样,它在我面前,但如果我没有幸运地看到它,我会发现它不是一千年。

正如config.xml本身所暗示的那样:<!-- Deprecated plugins element. Remove in 3.0 -->

所以我不得不改变以下代码

<plugins>
    <gap:plugin name="org.apache.cordova.inappbrowser" version="0.3.3" />
</plugins>


与此:

<gap:plugin name="org.apache.cordova.inappbrowser" version="0.3.3" />