浏览器不缓存有问号的css文件

html-css018

浏览器不缓存有问号的css文件,第1张

怎样解决css缓存的问

步骤1/6

新建一个html文件,命名为test.html,用于讲解怎样解决css缓存的问题。

步骤2/6

在test.html文件中,使用div标签创建一个模块,用于测试。

步骤3/6

在test.html文件中,给div标签添加一个class属性,用于样式的设置。

步骤4/6

新建一个css文件,命名为test.css,在文件内通过class定义div的css样式 ,设置其宽度为200px,高度为200px,背景颜色为红色。

步骤5/6

在test.html文件中,在js标签内,使用write()方法输出css文件的link标签,并在css路径的末尾通过日期对象随机一个数字。

步骤6/6

在浏览器打开test.html文件,查看页面效果,css文件就不会缓存了。

1、使用div标签创建一个模块,创建一个css文件。

2、在js中,通过class获得div对象,使用write()方法输出css文件的link标签,并在css路径的末尾通过日期对象随机一个数字。

清理PC上的Firefox,请按下列步骤操作:1、退出Google日历帐户并关闭打开的其他所有浏览器窗口。(注:通常这步已足够)2、点击浏览器顶部的"工具"菜单,并选择"清空私人数据"。3、选择"Cookies"和"缓存"复选框。4、点击"立即清空私人

解决办法一:每次修改js或css文件后,都要手工修改那个版本号,注意:是每修改一次(哪怕仅仅是改了一个字符)都要修改版本号;

解决办法二:如果嫌手工修改太麻烦,那可以通过程序来自动修改(用随机数做版本号)。如果你的网站是动态的,那可以通过后台程序来改,比如ASP的:

<link rel="stylesheet" href="static/mimi/css/main.css?v=<%=rnd()%>" type="text/css"/>

PHP的:

<link rel="stylesheet" href="static/mimi/css/main.css?v=<?php echo mt_rand()?>" type="text/css"/>

如果是静态网站那就要js脚本来实现了,这个稍微麻烦点,这里就不说了。

其实上述方法一和方法二的目的都是为了使每次打开的js或css的url不同,这样浏览器就不会去缓存区取数据,而是直接到网站下载。

如果上述方法仍然无效,那就是你的浏览器的缓存机制存在问题,比如“从不检查网页的新版本,除非手动刷新”,这个就要你自己去设置了。