ionic ios iframe 白屏

標籤：.com   eval   pre   inline   lin   解決方案   color   ebs   http   

之前碰到一個問題：

在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

ionic ios iframe 白屏