特別說明:
1.目前來說如果iframe中的頁面都是當(dāng)前窗口的話建議使用
2.如果iframe中頁面的鏈接有target='_blank'的就會跳出當(dāng)前頁面,目前沒找到好的解決方案篮愉,
但是可以使用Cordova插件cordova-plugin-inappbrowser或者cordova-plugin-themeablebrowser 指定獨(dú)立窗口實例打開腐芍。
常遇到問題:
無法訪問外部url的問題–兩個步驟解決:
1.iframe的src屬性用ng-src屬性替代,并指明綁定對象:ng-src="{{targetUrl}}"
2.在controller里试躏,調(diào)用$sce: $scope.targetUrl = $sce.trustAsResourceUrl(url)
高度無法最大化的問題和iOS無法滾動問題:
/*.page-contract是我的一個頁面中的樣式*/
.page-contract .scroll-content > .scroll {
? ? height: 100%;
? ? -webkit-overflow-scrolling:touch; /*解決iOS下iframe無法滾動*/
? ? overflow:auto;
}
.page-contract .scroll-content > .scroll > iframe {
? ? min-width: 100%;
? ? min-height: 100%;
}
IOS中iframe白屏問題:
1猪勇、確認(rèn)添加whitelist插件
2、在config.xml中添加
<plugin name="cordova-plugin-whitelist" spec="1.3.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://www.cnblogs.com/happen-/p/6138712.html
http://blog.csdn.net/u011127019/article/details/55258662
http://blog.csdn.net/renfufei/article/details/37663355