1. 论坛系统升级为Xenforo,欢迎大家测试!
    排除公告

探讨火狐的缓存机制

本帖由 a656542011-09-07 发布。版面名称:工具软件

  1. a65654

    a65654 New Member

    注册:
    2011-08-07
    帖子:
    72
    赞:
    0
    开发过程当中遇到了一个很诡异的问题:有一个<input class="otherId" type="hidden"/>元素,后端vm模板通过加载数据生成页面后,出现了input域的value值与后台数据不一致的情况。

    通过查看生成页面的源代码,可以看到html代码里的值是对的,但通过firebug在页面中查看就会发现value是错误的,诡异的是ctrl+ F5强制刷新,以及把type改为"text"都能让value变回正确值。

    一开始怀疑是js在加载页面时修改了value值,但考虑到普通刷新和强制刷新对js的调用没有影响,同时在删除js代码后错误情况依然存在,故排除了js出错的可能性。

    之后换做在chrome下试验,不再出现以上情况。

    开始怀疑是firefox的缓存问题,在网上查过之后,发现确实有人有相似的问题,如下:
    http://forums.mozillazine.org/viewtopic.php?f=25&t=1787115
    http://stackoverflow.com/questions/5319678/javascript-and-defaultvalue-of-hidden-input-elements

    进一步搜索“firefox input 缓存”找到了下面的应对方法:http://www.mayax.net/article/program/331.htm

    为input元素添加属性autocomplete="off"
    <input class="otherId" autocomplete="off" type="hidden">
    阻止火狐对input元素的缓存,问题解决。。。

    不过对火狐的缓存机制还不是很明白,至于为什么改成type="text"不会出错,可能是因为火狐的缓存是针对不同type类型的,之前缓存的是type="hidden"的值,自然不会应用到text上,故显示的是从后台即时加载的值,而非缓存。
    editby:www.yuanshi88.com
     
  2. zsh7632

    zsh7632 New Member

    注册:
    2011-09-07
    帖子:
    171
    赞:
    0
    哦 这个还真没怎么研究过