ionic ios iframe 白屏

之前碰到一個問題：

在ios下邊使用iframe出現白屏問題

android下邊正常

原因是ios對app打開外部網頁有限制需要取消限制

解決方法

1.確認添加whitelist 插件

2.在config.xml中添加

<plugin name="cordova-plugin-whitelist"      source="npm" spec="1.1.0" />
<allow-navigation href="*" />
<allow-intent href="*" />
<access origin="*" />

3.在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';">

 

參考地址

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