本文目录一览：
- 1、css中的图片不缓存，js里的也不缓存是吗？？？
- 2、浏览器缓存css js文件在哪
- 3、如何设置CSS，JS，图片缓存
- 4、怎么设置css,js文件的缓存时间
- 5、怎样让前端界面自动清理js，css文件的缓存
- 6、如何防止js和css缓存
css中的图片不缓存，js里的也不缓存是吗？？？
图片是有缓存的。如果你同一路径当前在文件夹里更换了图片 而路径与原来一致 你刷新页面图片不会改变
操作步骤： 打开图片程序页面 —— 在源文件替换该图片——刷新页面查看该图片
操作结果： 图片未成改变
实验结果： 图片是被缓存了
处理方案： 在访问图片链接后面加上"?" + (Math.random()) + "
处理列子： img src='/Images/ExpertImg/admin/ComStyles/" + Url + "?" + (Math.random()) + "' /img
浏览器缓存css js文件在哪
方案一：按F12 -- network -- JS -- 选择想要看的JS文件右键，点击“Open in Source panel”可查看代码。
方案二：F12 -- Sources
如何设置CSS，JS，图片缓存
在Apache环境下，可以通过在.htaccess文件中添加下面的代码，设置图片的HTTP缓存和有效期（需要开启apache的headers模块支持）： # Image and Flash content Caching for ONE Year blog.gimhoy.com Header set Cache-Control "
怎么设置css,js文件的缓存时间
无法直接设置，但可变通。
比如调用一个style.css文件，你调用的时候可以在这个文件名后面加上参数，如style.css?date=20131123
date后面的参数值随当前日期发生变化，也就每隔一天要重新读取一次。
不过这个在静态页面时可能要稍麻烦一点了，因为静态页面需要动用js脚 本来动态加载才能实现。
可以试试百度搜 jqury 动态加载css样式表
怎样让前端界面自动清理js，css文件的缓存
!DOCTYPE html
html
head
script
var script = document.createElement('script')
script.src = '' + (new Date).getTime()
var stylesheet = document.createElement('link')
stylesheet.rel = 'stylesheet'
stylesheet.href = '' + (new Date).getTime()
document.head.appendChild(script)
document.head.appendChild(stylesheet)
/script
meta charset="UTF-8"
meta name="viewport" content="width=device-width, initial-scale=1.0"
meta http-equiv="X-UA-Compatible" content="ie=edge"
titleDocument/title
/head
body
script
script.onload = function(e) {
alert(jQuery)
}
/script
/body
/html
我写了一个很简单的实例。
如何防止js和css缓存
解决办法一：每次修改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不同，这样浏览器就不会去缓存区取数据，而是直接到网站下载。
如果上述方法仍然无效，那就是你的浏览器的缓存机制存在问题，比如“从不检查网页的新版本，除非手动刷新”，这个就要你自己去设置了。
