2017/9/27更新:ios兼容问题:
1)input输入框无法输入的问题:
ionic.css把-webkit-user-select:none改成-webkit-user-select:auto;
2)iframe滚动条失效:重点加了个div
<div style="overflow:auto;-webkit-overflow-scrolling:touch;height: 100%;width: 100%;"> <iframe id="" name="" data-tap-disabled="true" style="height:100%;width:100%;" ng-src=""></iframe> </div>
原:
ionic有个插件plugin add cordova-plugin-inappbrowser也可以查看网页,
但是,它会跳出app,弹出一个浏览界面,不是嵌入。
iframe:
<iframe id="iframeID" data-tap-disabled="true" style="height:100%;width:100%;" ng-src="{{paySrc}}"></iframe>
1、使用ng-src和$scope.paySrc = $sce.trustAsResourceUrl(url);这个都知道的,
使地址受信任。
2、data-tap-disabled="true"使网页能够被点击(好像是这个意思)。
3、获取iframe中页面地址。
parent.document.getElementById("iframeID").contentWindow.location.href
iframe上一页
self.history.back(-1);
4、父子页面跨域(完全跨域)通讯问题(互调方法等)
http://www.cnblogs.com/dolphinX/p/3464056.html
*注意:window.addEventListener没有找到取消监听的方法,所以不要多次触发监听;
5、页面缓存:加个时间戳属性
var url = "http://aaa/index.php?time=" + (new Date()).getTime();
*再次注意:iframe中网页的页面跳转不能开新的窗口(打不开),即:_blank;