OOXX.ME PLZ
  • 24
  • Sep

« 上篇:好好教书,天天想上 // 下篇:惠普利用新媒体开拓中小企业市场 »

House

House
归来,这贱人是大猫最喜欢的角色,丫最喜欢的就是搞不定的案例,通俗点说就是有只做有技术含量的活儿。
当然,绝对的自由也是俺崇尚的,那么为了纪念House老师,特别开了个分类叫灵异事件簿,专门送上疑难杂症梅毒淋病什么的

第一道菜:IE6记忆图片尺寸
症状:IE6会记忆访问过的图片尺寸
即使图片不再存在了即使清空缓存cookie复位设置重启等等

首先,正常情况下<img />在调用一个不存在也不曾存在的404图片时会显示一个28*30的红叉叉

正常404图片报错

紧接着,我们调用访问一张正常图片

正常图片显示

然后,在相同路径的图片被删除后,再次调用,那那那尺寸还在!

IE6记忆图片尺寸

清空缓存,删除cookie,复位设置,重启等等都不能消除这个尺寸记忆

困扰:日文站的美国测试服务器上图片URL和正式生产环境是一样的,不一样的是对应的产品图片并不存在,这样子访问过生产环境后尺寸被记忆下来,间接导致onload=resizeImg()这个加载后控制图片尺寸的JS失效,并且占用原始图片大小空间,覆盖相邻元素

这个bug虽说只在特定测试环境下出现,但还是烦人的
以后这分类继续记录遇到的千奇百怪事件,特别鸣谢几个搞测试的同学(找出来的bug确实很灵异)

解决方案:[飞鱼]指出
用XHTML & CSS的width & height去控制

但是,使用JS控制大小是为了未知高度宽度的图片等比例缩小
在IE6之外可以CSS用max-width和max-height解决
IE6呢?

» You can leave a comment, or trackback from your own site.

上篇:« 好好教书,天天想上 // 下篇:惠普利用新媒体开拓中小企业市场 »

36 Comments

  1. 纯白 :

    纯属来晃的~~~

    [Reply]

    BigCat reply on September 24th, 2008:

    @纯白, 神速,难道是用哪吒..

    [Reply]

    纯白 reply on September 25th, 2008:

    @BigCat, 风火轮~~~

    [Reply]

  2. Enson :

    解决方案:不用IE6...o(∩_∩)o...

    [Reply]

    大猫 reply on September 25th, 2008:

    @Enson, 辣个,俺们用户有60+%用的是IE6。。。所有代码要优先考虑ie6

    [Reply]

  3. cosbeta :

    src="xxx" + Math.random();
    ?

    [Reply]

    大猫 reply on September 25th, 2008:

    @cosbeta, 囧
    1,生产环境中不会出现404图片所以也不会出现这个问题
    2,只是测试的时候比较崩溃。。。破测试环境
    3,这种解决方案比较不靠谱,因为图片多会降低页面效率

    [Reply]

  4. 飞鱼 :

    楼上为解决方法之一。
    の,解决方法还是有挺多滴,譬如重装电脑。。嘎嘎~~
    实在不行也是可以用css强制尺寸的啦。
    这中情况我还真没注意··

    [Reply]

    飞鱼 reply on September 25th, 2008:

    @飞鱼, 其实 应该是你图片 html 代码里没加 width height的原因啦,不知道为什么原先一直以为加了后W3c验证会不通过,后来发现也可以通过·· 郁闷呢。有个牛叉同事说:按照规定是要加的。囧~~~

    [Reply]

    大猫 reply on September 25th, 2008:

    @飞鱼, 哈哈,我沉浸在发现这个不爽bug的喜悦里无法自拔了
    解决方案就用CSS或XHTML的width height控制了(偏向CSS)
    牛人同学其实记错了,W3C里img的必须属性是src和alt,可选属性是width,height,ismap,usemap,longdesc

    [Reply]

  5. geuro :

    我还没用过虚拟机呢。

    [Reply]

    大猫 reply on September 25th, 2008:

    @geuro, 哈,那虚拟机不错,挺方便的
    virtualbox

    [Reply]

  6. Yacca :

    或者取代x...放个av女的照片啊什么的

    [Reply]

    大猫 reply on September 25th, 2008:

    @Yacca, - - 家里有老虎

    [Reply]

  7. fisio :

    不用IE6就好了

    [Reply]

    大猫 reply on September 25th, 2008:

    @fisio, 辣个,俺们用户有60+%用的是IE6。。。所有代码要优先考虑ie6
    几乎所有同事都在诅咒ie6诅咒ie6诅咒ie6诅咒ie6诅咒ie6诅咒ie6诅咒ie6

    [Reply]

    fisio reply on September 25th, 2008:

    @大猫, 大家都差不多。。。唉唉

    [Reply]

  8. killy :

    怎么總是這個人的圖片呢?
    怎么總是me3?那其他1、2或者6呢?
    或者。。。。。。

    [Reply]

    大猫 reply on September 25th, 2008:

    @killy, - - 偶是一枚低调的人,只有这张几年前的相片。。。凑合使吧嘿嘿

    [Reply]

  9. 醉倚西风 :

    嘻嘻嘻 换啊
    IE8

    [Reply]

    BigCat reply on September 27th, 2008:

    @醉倚西风, 我是作给别人看的,自己当然首选firefox哈

    [Reply]

  10. 葉子 :

    小女子只能飘过

    [Reply]

    BigCat reply on September 27th, 2008:

    @葉子, 白色叶子呀
    飘...

    [Reply]

  11. homer :

    大猫你还在用乌班图?

    [Reply]

    BigCat reply on September 27th, 2008:

    @homer, 是阿,XP已经拆掉了,ubuntu还是很好玩儿滴

    [Reply]

    homer reply on September 27th, 2008:

    @BigCat, 大猫我看见有山地车是大猫牌的。。。。。

    [Reply]

    BigCat reply on September 28th, 2008:

    @homer, 我的是名车捷安特,挖哈哈

    [Reply]

  12. JoBru :

    有时确实会被IE6搞疯~~~--

    [Reply]

    BigCat reply on October 8th, 2008:

    @JoBru, 我们小组没事干了就开始诅咒IE6

    [Reply]

  13. 小熊 :

    那美剧好看不?

    [Reply]

    BigCat reply on October 8th, 2008:

    @小熊, 偶个人灰常喜欢

    [Reply]

  14. 最新电影 :

    没注意到

    [Reply]

  15. xiaoniu :

    你好 博主问下你的文章链接为什么是这样子的啊?
    house-book.cat

    [Reply]

    BigCat reply on October 8th, 2008:

    @xiaoniu, 因为。。。
    哈哈,好玩儿吧
    用的是wordpress的permalinks

    [Reply]

  16. milo :

    可以用一个js来实现IE6的 max-width和max-height
    http://ismemo.cn/wp-content/uploads/2008/11/mmwidth.js

    [Reply]

    Anonymous reply on November 4th, 2008:

    @milo, 恩,JS比CSS expression好多了

    [Reply]

看毕,沉思良久,挥键疾鼠:

XHTML: You can use XHTML and Textile for style
:!: :roll: :o :lol: :P :( 8O :x :oops: :) :?: :idea: :evil: ;) :twisted: