1 Reply Latest reply on Aug 29, 2016 11:12 PM by devgeeks@adobe

    iFrame issue and config.xml seems not be read at all

    thiagop1

      Hello guys,

      I am experimenting PhoneGap and I have built my first "app" that basically just display a "HelloWorld" on my iPhone 6 screen. I haven't used PhoneGap Build or anything like that. I have just installed PhoneGap Desktop, installed PhoneGap app on my phone and I am able to run the index.html page on my phone through the local server created on my machine (yay!)

       

      Now, what is my problem: I want to show the content of an iFrame on my phone (like http://www.google.com) and it just doesn't work. It runs fine on my computer, but when I run it on the phone, the content of the iFrame is just blank, empty.

       

      After reviewing several posts here I found some good info on changing my config.xml file located on the root folder of my project (just outside the www folder where my index.html file is located) and adding allow-intent and allow navigation tags.

      But even after adding the correct tags on the config.xml file, nothing happens. Which makes me wonder: How do I make sure that config.xml is being even taken into consideration while testing my application on PhoneGap Desktop+PhoneGap App? Meaning, should I do any extra steps to make sure the change on my config.xml file is take into account?

       

      Below is my current config.xml file. I have made bold the lines edited.

       

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

        <name>HelloWorldTest</name>

        <description>Hello World sample application that responds to the deviceready event.</description>

        <author href="http://phonegap.com" email="support@phonegap.com">PhoneGap Team</author>

        <content src="index.html"/>

        <allow-intent href="*" />

        <allow-navigation href="*" />

        <preference name="DisallowOverscroll" value="true"/>

        <preference name="android-minSdkVersion" value="14"/>

        <plugin name="cordova-plugin-battery-status" source="npm" spec="~1.1.1"/>

        <plugin name="cordova-plugin-camera" source="npm" spec="~2.1.1"/>

        <plugin name="cordova-plugin-media-capture" source="npm" spec="~1.2.0"/>

        <plugin name="cordova-plugin-console" source="npm" spec="~1.0.2"/>

        <plugin name="cordova-plugin-contacts" source="npm" spec="~2.0.1"/>

        <plugin name="cordova-plugin-device" source="npm" spec="~1.1.1"/>

        <plugin name="cordova-plugin-device-motion" source="npm" spec="~1.2.0"/>

        <plugin name="cordova-plugin-device-orientation" source="npm" spec="~1.0.2"/>

        <plugin name="cordova-plugin-dialogs" source="npm" spec="~1.2.0"/>

        <plugin name="cordova-plugin-file" source="npm" spec="~4.1.1"/>

        <plugin name="cordova-plugin-file-transfer" source="npm" spec="~1.5.0"/>

        <plugin name="cordova-plugin-geolocation" source="npm" spec="~2.1.0"/>

        <plugin name="cordova-plugin-globalization" source="npm" spec="~1.0.3"/>

        <plugin name="cordova-plugin-inappbrowser" source="npm" spec="~1.3.0"/>

        <plugin name="cordova-plugin-media" source="npm" spec="~2.2.0"/>

        <plugin name="cordova-plugin-network-information" source="npm" spec="~1.2.0"/>

        <plugin name="cordova-plugin-splashscreen" source="npm" spec="~3.2.1"/>

        <plugin name="cordova-plugin-statusbar" source="npm" spec="~2.1.2"/>

        <plugin name="cordova-plugin-vibration" source="npm" spec="~2.1.0"/>

        <plugin name="cordova-plugin-whitelist" source="npm" spec="~1.2.1"/>

        <icon src="icon.png"/>

        <platform name="android">

          <icon src="www/res/icon/android/drawable-ldpi-icon.png" density="ldpi"/>

          <icon src="www/res/icon/android/drawable-mdpi-icon.png" density="mdpi"/>

          <icon src="www/res/icon/android/drawable-hdpi-icon.png" density="hdpi"/>

          <icon src="www/res/icon/android/drawable-xhdpi-icon.png" density="xhdpi"/>

          <icon src="www/res/icon/android/drawable-xxhdpi-icon.png" density="xxhdpi"/>

          <icon src="www/res/icon/android/drawable-xxxhdpi-icon.png" density="xxxhdpi"/>

          <splash src="www/res/screen/android/drawable-land-ldpi-screen.png" density="land-ldpi"/>

          <splash src="www/res/screen/android/drawable-land-mdpi-screen.png" density="land-mdpi"/>

          <splash src="www/res/screen/android/drawable-land-hdpi-screen.png" density="land-hdpi"/>

          <splash src="www/res/screen/android/drawable-land-xhdpi-screen.png" density="land-xhdpi"/>

          <splash src="www/res/screen/android/drawable-land-xxhdpi-screen.png" density="land-xxhdpi"/>

          <splash src="www/res/screen/android/drawable-land-xxxhdpi-screen.png" density="land-xxxhdpi"/>

          <splash src="www/res/screen/android/drawable-port-ldpi-screen.png" density="port-ldpi"/>

          <splash src="www/res/screen/android/drawable-port-mdpi-screen.png" density="port-mdpi"/>

          <splash src="www/res/screen/android/drawable-port-hdpi-screen.png" density="port-hdpi"/>

          <splash src="www/res/screen/android/drawable-port-xhdpi-screen.png" density="port-xhdpi"/>

          <splash src="www/res/screen/android/drawable-port-xxhdpi-screen.png" density="port-xxhdpi"/>

          <splash src="www/res/screen/android/drawable-port-xxxhdpi-screen.png" density="port-xxxhdpi"/>

        </platform>

        <platform name="ios">

          <icon src="www/res/icon/ios/icon.png" platform="ios" width="57" height="57"/>

          <icon src="www/res/icon/ios/icon@2x.png" platform="ios" width="114" height="114"/>

          <icon src="www/res/icon/ios/icon-40.png" platform="ios" width="40" height="40"/>

          <icon src="www/res/icon/ios/icon-40@2x.png" platform="ios" width="80" height="80"/>

          <icon src="www/res/icon/ios/icon-50.png" platform="ios" width="50" height="50"/>

          <icon src="www/res/icon/ios/icon-50@2x.png" platform="ios" width="100" height="100"/>

          <icon src="www/res/icon/ios/icon-60.png" platform="ios" width="60" height="60"/>

          <icon src="www/res/icon/ios/icon-60@2x.png" platform="ios" width="120" height="120"/>

          <icon src="www/res/icon/ios/icon-60@3x.png" platform="ios" width="180" height="180"/>

          <icon src="www/res/icon/ios/icon-72.png" platform="ios" width="72" height="72"/>

          <icon src="www/res/icon/ios/icon-72@2x.png" platform="ios" width="144" height="144"/>

          <icon src="www/res/icon/ios/icon-76.png" platform="ios" width="76" height="76"/>

          <icon src="www/res/icon/ios/icon-76@2x.png" platform="ios" width="152" height="152"/>

          <icon src="www/res/icon/ios/icon-small.png" platform="ios" width="29" height="29"/>

          <icon src="www/res/icon/ios/icon-small@2x.png" platform="ios" width="58" height="58"/>

          <icon src="www/res/icon/ios/icon-small@3x.png" platform="ios" width="87" height="87"/>

          <splash src="www/res/screen/ios/Default-568h@2x~iphone.png" platform="ios" width="640" height="1136"/>

          <splash src="www/res/screen/ios/Default-667h.png" platform="ios" width="750" height="1334"/>

          <splash src="www/res/screen/ios/Default-736h.png" platform="ios" width="1242" height="2208"/>

          <splash src="www/res/screen/ios/Default-Landscape-736h.png" platform="ios" width="2208" height="1242"/>

          <splash src="www/res/screen/ios/Default-Landscape@2x~ipad.png" platform="ios" width="2048" height="1536"/>

          <splash src="www/res/screen/ios/Default-Landscape~ipad.png" platform="ios" width="1024" height="768"/>

          <splash src="www/res/screen/ios/Default-Portrait@2x~ipad.png" platform="ios" width="1536" height="2048"/>

          <splash src="www/res/screen/ios/Default-Portrait~ipad.png" platform="ios" width="768" height="1024"/>

          <splash src="www/res/screen/ios/Default@2x~iphone.png" platform="ios" width="640" height="960"/>

          <splash src="www/res/screen/ios/Default~iphone.png" platform="ios" width="320" height="480"/>

        </platform>

        <platform name="wp8">

          <icon src="www/res/icon/wp8/ApplicationIcon.png" platform="wp8" width="99" height="99"/>

          <icon src="www/res/icon/wp8/Background.png" platform="wp8" width="159" height="159"/>

          <splash src="www/res/screen/wp8/screen-portrait.jpg" platform="wp8" width="768" height="1280"/>

        </platform>

        <platform name="windows">

          <icon src="www/res/icon/windows/Square150x150Logo.scale-100.png" platform="windows" width="150" height="150"/>

          <icon src="www/res/icon/windows/Square30x30Logo.scale-100.png" platform="windows" width="30" height="30"/>

          <icon src="www/res/icon/windows/StoreLogo.scale-100.png" platform="windows" width="50" height="50"/>

          <splash src="www/res/screen/windows/SplashScreen.scale-100.png" platform="windows" width="620" height="300"/>

          <icon src="www/res/icon/windows/StoreLogo.scale-240.png" platform="windows" width="120" height="120"/>

          <icon src="www/res/icon/windows/Square44x44Logo.scale-100.png" platform="windows" width="44" height="44"/>

          <icon src="www/res/icon/windows/Square44x44Logo.scale-240.png" platform="windows" width="106" height="106"/>

          <icon src="www/res/icon/windows/Square70x70Logo.scale-100.png" platform="windows" width="70" height="70"/>

          <icon src="www/res/icon/windows/Square71x71Logo.scale-100.png" platform="windows" width="71" height="71"/>

          <icon src="www/res/icon/windows/Square71x71Logo.scale-240.png" platform="windows" width="170" height="170"/>

          <icon src="www/res/icon/windows/Square150x150Logo.scale-240.png" platform="windows" width="360" height="360"/>

          <icon src="www/res/icon/windows/Square310x310Logo.scale-100.png" platform="windows" width="310" height="310"/>

          <icon src="www/res/icon/windows/Wide310x150Logo.scale-100.png" platform="windows" width="310" height="150"/>

          <icon src="www/res/icon/windows/Wide310x150Logo.scale-240.png" platform="windows" width="744" height="360"/>

          <splash src="www/res/screen/windows/SplashScreenPhone.scale-240.png" platform="windows" width="1152" height="1920"/>

        </platform>

      <access origin="*"/>

        <allow-navigation href="*"/>

        <allow-navigation href="http://*/*"/>

        <allow-intent href="*"/>

        <allow-intent href="http://*/*"/>

        <allow-intent href="https://*/*"/>

        <allow-intent href="tel:*"/>

        <allow-intent href="sms:*"/>

        <allow-intent href="mailto:*"/>

        <allow-intent href="geo:*"/>

        <platform name="android">

          <allow-intent href="market:*"/>

        </platform>

        <platform name="ios">

        <allow-navigation href="*" />

        <allow-intent href="*"/>

          <allow-intent href="itms:*"/>

          <allow-intent href="itms-apps:*"/>

        </platform>

      </widget>

       

      Thanks a lot!
      Thiago Pereira