代码改变世界

让IE浏览器即时刷新CSS样式(转)

2009-08-06 20:24  CaiGen008  阅读(592)  评论(0编辑  收藏  举报

在网页开发的时候,经常使用CSS来设计网页样式,这时通常是通过link的方法将指定的css样式文件嵌入到相应的页面中。而在编写样式的使用,往往是通过网页来测试和观察其效果。由于在测试不同设计样式的效果时会频繁修改css样式文件的内容,并且没改完一次.css文件就会刷新一下页面一看新的效果。然而,这个时候往往遇到一个令人烦恼的事情,那就是在修改了样式文件后,通过刷新网页,并没能看到新样式作用的效果。其原因是由于IE等浏览器在浏览网页的时候会自动做文件缓存,在刷新网页时,浏览器并没有重启去服务器获取新的CSS样式内容,从而使得新的样式未能及时应用到网页上。这样,就给我们开发过程带来不便。针对这种情况,根据小裕的提醒,暂有下面所述解决方法:

方法1:通过动态修改link标签的href属性,使得每次访问该网页的时候所得的href属性值都与上一次不同(可以采用譬如给css文本url加上参数,如“*.css?param”的方式,通过动态改变参数param的值来改变href属性值),这样,浏览器每次访问的时候都会因为相应的href值的与旧版本不同而自动访问和获取新版本的css文件了,于是,新修改的css样式就可以被及时应用到页面上。

方法2:把浏览器设置为自动检查所存网页的最新版本,这样,浏览器就每次都会自动检查和获取最新版本的css文件了。【步骤(以IE为例):工具-Internet选项-Internet临时文件设置-检查所存网页的最新版 自动。】

   这样,就可以每次都及时获得最新的网页版本啦!