Embed iframe to IOS app

[Sergey]

I'm trying to embed iframe to my hybrid app. Iframe pointed to external resource.

Config.xml contains:
  <allow-navigation href="*" />
  <allow-intent href="*" />
  <access origin="*" allows-arbitrary-loads-in-media="true" allows-arbitrary-loads-in-web-content="true" allows-local-networking="true" />

Index.html contains: 

    <meta http-equiv="Content-Security-Policy" content="default-src 'self' * data: gap: filesystem: 'unsafe-eval'; 
          style-src 'self' * data: gap: filesystem: 'unsafe-inline' 'unsafe-eval';  
          script-src 'self' * data:  gap: filesystem: 'unsafe-inline' 'unsafe-eval'; 
          child-src 'self' * data: gap: filesystem: 'unsafe-inline' 'unsafe-eval'; 
          frame-ancestors 'self' * data: gap: filesystem: 'unsafe-inline' 'unsafe-eval'">

Cordova version 6.4.0

Could you please help me. What I need to do to embed iframe to app?

[Sergey]

This problem occurs in the Cordova test app. The iframe works fine if application deployed directly.

[Martin]

Hi Sergey,

When adding the iframe, you make changes to the confix.xml to allow loading of the content. Still, the Developer app has certain limitations, one of which is to test changes in:

• Info.plist and config.xml for iOS
• AndroidManifest.xml and config.xml for Android
• WMAppManifest.xml and config.xml for Windows Phone

That is why I would suggest to test on a physical device, where as you noted would run fine.

You may also review the Cordova InAppBrowser plugin for loading external content in a hybrid app.

I hope this has helped.

Regards,
Martin
Telerik by Progress