带有html的cordova iframe里面没有在iOS设备上显示

时间:2016-08-26 11:46:04

标签: javascript ios cordova iframe ionic-framework

我正在尝试在我的离子应用中显示iframe,但不知何故,它出现在浏览器上,但它并没有出现在iOS设备上。我想用html代码填充它。 我的代码:

<ion-content>
    <iframe width="300px" height="325px" frameborder="0" scrolling="yes" marginwidth="0" marginheight="0" ng-attr-srcdoc="{{model.html}}">
    </iframe>
</ion-content> 

4 个答案:

答案 0 :(得分:3)

问题在于,默认情况下,Cordova不支持srcdoc。最近版本的Cordova解决方案很简单。编辑项目的config.xml并添加:

<allow-navigation href="about:*" />

我在Cordova 6.4.0上对此进行了测试,它解决了这个问题:它允许带有iframe的Cordova应用程序使用srcdoc。

(接受的答案是错误的.iOS支持iframe就好了。对于早期版本的Cordova,marshall119us的答案还可以,但已经过时了。)

答案 1 :(得分:1)

默认Cordova行为可防止使用srcdoc的iframe显示内容。要通过添加此代码(从Cordova v6.2.0开始有效),在MainViewController.m中覆盖它,特殊情况:

elasticsearch:
  image: elasticsearch:2.2
  ports:
    - 9300:9300
    - 9200:9200

https://issues.apache.org/jira/browse/CB-7379

答案 2 :(得分:0)

在6.4之前,IOS通过Cordova不支持iframe。

cordova的声明是ios不支持iframe。

如果您想在6.4之前需要iframe之类的东西,您必须自己构建它,即作为textarea或带滚动的嵌入部分。

如果您使用的是6.4或更新版本,请查看以下回复。

答案 3 :(得分:0)

我的问题是我最近重新测试了手机使其恢复出厂设置。我必须更新我的应用程序。