一、背景
平时在写代码的时候,经常会遇到这个问题。如果css和js都在同一个页面的话,我们直接在页面中调试就可以。但是当引入css和js文件的时候,修改后的文件往往存在缓存问题,无论如何刷新浏览器,新改动的内容迟迟不能响应。实在是烦不胜烦。
二、解决方案
1、引入的css文件缓存
//这里的关键在于在引入文件后面加一个随机数,这样每次引入文件的随机数都不一样,实时刷新css文件。如何便可防止缓存
<link href="<?php echo asset('/css/my_remote.css').'?v='.mt_rand()/mt_getrandmax() ?>" rel="stylesheet" />
2、引入的JS文件缓存
//和上面类似,都是在引入的时候加个随机数
<script src="<?php echo asset('js/myMall/address_list.js').'?v='.mt_rand()/mt_getrandmax() ?>"></script>
在文件后面加上随机数之后,缓存的问题迎刃而解。
end
本文介绍了解决网页开发中CSS与JS文件缓存问题的有效方法:通过在文件引用中加入随机数来强制浏览器加载最新版本的文件,避免了因缓存导致的新内容无法生效的情况。
450

被折叠的 条评论
为什么被折叠?



