一个IE6下重复加载的BUG
来源:互联网 发布:手机对讲机软件不要网 编辑:程序博客网 时间:2024/06/05 00:18
上周接到一个需求,有人反馈淘宝的搜索结果页会对某些资源文件进行重复不停地重新载入,问题严重。经过一系列排查,最终发现问题所在:
IE6在window.onload(或模拟的domready)时执行脚本,会引发一些cache的问题:
- 问题1. 此时JS对dom进行渲染级的变动,如设置宽高、innerHTML等,会对元素的背景图进行重新请求
- 问题2. 此时JS对多个Image元素设置同一src,此src会被请求多次
…
先来看下搜索结果页fix前后的对比:
- fix前 http://www.chencheng.org/test/srp-bug/demo.php (788 requests) (瀑布图部分)
- fix后 http://www.chencheng.org/test/srp-bug/demo.php?fix (35 requests) (瀑布图)
…
Tests:(加fix参数查看fix后效果,看完fix版再看未fix版需重启浏览器)
问题1 Test:背景图会被重复载入
http://www.chencheng.org/test/srp-bug/css-sprites-test.php
问题2 Test:占位图会被载入三次
http://www.chencheng.org/test/srp-bug/img-src-test.php
…
解决方案:
问题1. 在页头CSS加入如下代码
html {zoom: expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache", false, true);}(this));}
问题2. 没找到什么好方法,暂时只能避免,即:不在window.onload
或domready
时进行类似操作
转自:http://ued.taobao.com/blog/2010/05/ie6-duplicate-load-bug/
- 一个IE6下重复加载的BUG
- 一个IE6下重复加载的BUG
- IE6图片加载的一个BUG
- IE6尾部重复字符bug , IE6下产生多余字符的BUG
- IE6重复字符的BUG
- SWFaddress2.3在IE6或IE7下的一个bug
- javascript在IE6下的一个小bug
- jquery 选择器 在ie6下的一个bug
- 一个 utf-8 网页在 IE6 下的BUG
- IE6下js通过css隐藏select的一个bug
- ie6下text-indent带来的一个bug
- IE6出现重复字符的bug
- IE6出现重复字符的bug解决方法
- IE6 重复字符的bug及解决方法
- IE6 重复字符bug
- IE6重复字符BUG
- 解决在IE6下使用float,出现重复文字的BUG
- IE6下DIV容器中双Float元素字符重影bug(IE6重复文字bug)
- 关于select函数中timeval和fd_set重新设置的问题
- Redis实战之Redis + Jedis
- strcpy函数 面试题
- Android系统的开机画面显示过程分析
- bmp图像的数据信息
- 一个IE6下重复加载的BUG
- JAVA实现一把逆向最大匹配
- YV12 and NV12
- hibernate多对一映射配置级联删除
- JQuery常用方法一览
- 设计稿标注首屏线的确定始末
- 图论基础
- ASIHttpRequest使用详解(3)
- 排序:选择排序、冒泡排序、插入排序(day02-13.09.26)