Ionic iOS iframe white screen

Before encountering a problem:

White screen issue with IFrame below iOS

Android below Normal

The reason is that iOS has restrictions on opening external pages to apps that require cancellation restrictions

Workaround

1. Confirm Add whitelist Plugin

2. Add the

<pluginname= "Cordova-plugin-whitelist"Source= "NPM"Spec= "1.1.0" /><allow-navigationhref="*" /><allow-intenthref="*" /><AccessOrigin="*" />

3. Add the following code to the index.html

<meta http-equiv= "Content-security-policy"          Content= "default-src *;                   STYLE-SRC * ' self ' unsafe-inline ' unsafe-eval ';                   SCRIPT-SRC * ' self ' unsafe-inline ' unsafe-eval '; >

Reference address

http://stackoverflow.com/questions/36318185/ How-can-i-allow-a-cordova-6-1-app-to-embed-an-iframe-in-ios-from-a-website?answertab=active#tab-top

Ionic iOS iframe white screen