iframe in a phonegap app on ios 9.3.1
<p>I'm trying to show an iframe in a phonegap app on iOS 9.3.1. For some reason (hence this question) the iframe shows up on android but not on ios.</p>

<p>Setup:
1. on a mac, i installed PhoneGap desktop v0.3.1 and created a new app </p>

<ol start="2">
<li><p>in index.html i added the iframe</p>

<pre><code>&lt;body&gt;
    &lt;iframe src="http://www.w3schools.com"  style="border-style:solid; width:750px; height:500px;"/&gt;
    &lt;div class="app"&gt;
        &lt;h1&gt;PhoneGap&lt;/h1&gt;
        &lt;div id="deviceready" class="blink"&gt;
             &lt;p class="event listening"&gt;Connecting to Device&lt;/p&gt;
             &lt;p class="event received"&gt;Device is Ready&lt;/p&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;script type="text/javascript" src="cordova.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="js/index.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
        app.initialize();
    &lt;/script&gt;
&lt;/body&gt;
</code></pre></li>
<li><p>then tested on an iPad with the PhoneGap app (<a href="https://itunes.apple.com/us/app/phonegap-developer/id843536693?mt=8" rel="nofollow">https://itunes.apple.com/us/app/phonegap-developer/id843536693?mt=8</a>) installed: on android it works while on ios it does not show up (i can see the border, but not the content)</p></li>
<li><p>then changed the config.xml to be more permissive</p>

<pre><code>&lt;access origin="*" /&gt;
&lt;allow-intent href="*" /&gt;
&lt;allow-navigation href="*" /&gt;

&lt;plugin name="cordova-plugin-whitelist" version="1"/&gt;
&lt;allow-intent href="*" /&gt;
&lt;allow-navigation href="*" /&gt;

&lt;platform name="android"&gt;
  &lt;allow-intent href="*" /&gt;
&lt;/platform&gt;
&lt;platform name="ios"&gt;
  &lt;allow-intent href="*" /&gt;
&lt;/platform&gt;
</code></pre></li>
</ol>

<p>and added 
        
in index.html</p>

<ol start="5">
<li>tested again with the same result as 3.</li>
</ol>