Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How can I allow a Cordova 6.1 app to embed an iframe in iOS from a website?

Tags:

People also ask

Does Cordova support iframe?

Iframes and the Callback Id MechanismIf content is served in an iframe from a whitelisted domain, that domain will have access to the native Cordova bridge.

Does Cordova work for iOS?

Cordova iOS is an iOS application library that allows for Cordova-based projects to be built for the iOS Platform.

What browser does Cordova use on iOS?

Ionic apps deployed using Cordova run within low-level, bare bones web browsers called “webviews”. Cordova utilizes each platform's native webview in order to deploy the webapp within a native app wrapper. iOS's default web browser is Safari.


Until I recently built, my cordova app was able to embed an iframe of a website just fine; now, presumably after an update I forgot about, building the app results in the iframe being blank on iOS but works in Android.

I have added the following settings to config.xml:

<access origin="*"/> <access origin="*.pushwoosh.com" /> <access origin="*.hoby.org" /> <allow-navigation href="*" /> <allow-intent href="*" />

As well as the following Content Security Policy:

<meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'">

Which should allow basically everything. I have the cordova-whitelist plugin added, using cordova 6.1.0 and Ionic 1.7.14

Edit: it actually works on iOS emulator but not when I run it on the device.

Edit 2: it seems like it may be a mobile safari issue; I am viewing the files over my network and even outside of Cordova they're not loading properly. I can confirm though that this was working as of a few days ago at least.