360浏览器极速模式对iframe的支持
来源:互联网 发布:硬盘文件恢复软件 编辑:程序博客网 时间:2024/06/05 09:26
今天有个网站的网页出现在360浏览器兼容模式下显示正常,在360浏览器极速模式下显示不正常。按照日常经验排查了各种可能出现的问题,但是都没有效果。后来开始怀疑是不是iframe的问题,但是iframe也正常处理了高度显示了。十分的困惑不解,后来上网查了下发现是360浏览器极速模式对iframe不支持。因为360浏览器极速模式是基于谷歌的内核,找到方向之后开始着手处理。
一开始网页按照这种方式处理,ie、ff等的浏览器都可以但是360浏览器极速模式下不可以
<iframe style="Z-INDEX: 2; VISIBILITY: inherit; WIDTH: 98%; HEIGHT: 100%" marginwidth="0" frameborder="0" scrolling="no" id="articleMain" name="articleMain"
onload="document.all['articleMain'].style.height=articleMain.document.body.scrollHeight ” >
现在在网上大神的帮助下按照这种方式处理完美解决。如下:
在嵌套的子网页中加入如下代码:
<script type="text/javascript">
function iframeAutoFit() {
try {
if(window != parent) {
var a = parent.document.getElementsByTagName("IFRAME");
for(var i = 0; i < a.length; i++) {
if(a[i].contentWindow == window) {
var h1 = 0, h2 = 0, d = document, dd = d.documentElement;
a[i].parentNode.style.height = a[i].scrollHeight +"px";
a[i].style.height = "10px";
if(dd && dd.scrollHeight) {
h1=dd.scrollHeight;
}
if(d.body) {
h2 = d.body.scrollHeight;
}
var h = Math.max(h1, h2);
if(document.all) {
h += 4;
}
if(window.opera) {
h += 10;
}
a[i].style.height = a[i].parentNode.style.height = h +"px";
}
}
}
} catch(ex) {}
}
if(window.attachEvent) {
window.attachEvent("onload", iframeAutoFit);
} else if(window.addEventListener) {
window.addEventListener("load", iframeAutoFit, false);
}
</script>
- 360浏览器极速模式对iframe的支持
- iframe对透明的支持
- jquery对iframe支持不好的解决办法
- 浏览器对Jre的支持
- 浏览器对hash_url的支持
- 浏览器对cors的支持
- 解决360浏览器兼容性问题的极速模式、兼容模式、IE11模式对同一页面的不同兼容性问题
- ie浏览器对DWR支持的bug~~
- 关于浏览器对标准的支持
- 深入了解JavaScript对浏览器的支持
- 各浏览器对HTML5的支持情况
- 各浏览器对HTML5的支持情况
- 各种浏览器对mp4格式的支持
- webdriver对各种浏览器的支持
- 浏览器对安全控件的支持
- Android 浏览器对 HTML5 的支持情况
- 不同浏览器对ECMAScript的支持
- Selenium环境搭建、对浏览器的支持
- 新路程------imx6 sd读写测试
- 什么是AI?它的应用领域是什么?
- Qt Creator的安装及创建C项目示例
- php 调试利器debug_print_backtrace()
- 使用云上资源的你遇到过哪些有趣的事情
- 360浏览器极速模式对iframe的支持
- RPC协议
- Oracle 简介
- sort字母排序,数字排序,首字母排序
- BigDecin
- 使用gpfdist unload 数据
- centos 7 安装和配置vncserver
- C#数组GetSet索引器分析
- LeetCode60 n个数的排列组合找出第k个排列