码迷,mamicode.com
首页 > 移动开发 > 详细

ionic ios iframe 白屏

时间:2016-12-06 20:30:56      阅读:519      评论:0      收藏:0      [点我收藏+]

标签:.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 白屏

标签:.com   eval   pre   inline   lin   解决方法   color   ebs   http   

原文地址:http://www.cnblogs.com/happen-/p/6138712.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!