I recently found a bug on my phonegap application. So, I decided to correct it (nice!) and I needed to update phonegap client to the new version 6.4.2. Once done, I ran my application via "phonegap serve" and test my app on Android device and an iPhone device (with iOS 10). Our application is a simple HTML page with an iframe inside in order to encapsulate our responsive design website.
Everything works great on Android but on the iPhone, the iframe doesn't load !!! I search for a long time why... I do not understand...
So, I planned to create a new application
phonegap create TestApp
Here is the index.html code
It's really the started page with an iframe inside and this iframe doesn't load and the checkPage() is never fired. I tried to change "Content-Security-Policy" but... did not work...
I'm out of ideas, so, if somebody had the same issue and know how to resolve this... You're welcome !
Thanks, I can provide you more code if you want
What does your config.xml look like (minus identifying/secret information)? You need to make sure to add your iframe's domain to the allow-navigation tag in your config.xml's whitelist. See Whitelist - Apache Cordova
I tried a lot of things.
Here is my current config.xml
<access origin="*" allows-arbitrary-loads-in-media="true" allows-arbitrary-loads-in-web-content="true" allows-local-networking="true" />
<allow-intent href="*" />
<allow-navigation href="*" />
<preference name="phonegap-version" value="cli-5.2.0" />
<plugin name="cordova-plugin-whitelist" source="npm" spec="~1.2.1" />
Yes, I tried to target an old phonegap client in order to have Phonegap Build works...
Tell me if you want to see the full config.xml, but I think this is this part which interest you