请问怎样清除浏览器缓存,改了css文件后刷新无效,加meta标签,css加版本号报错找不到该文件

请问怎样清除浏览器缓存,改了css文件后刷新无效,加meta标签,css加版本号报错找不到该文件

<head>

<meta charset="utf-8">

<meta http-equiv="pragma" content="no-cache">

<title>Register</title>

<!-- <link rel="stylesheet" type="text/css" href="css/style.css"> -->

<script type="text/javascript">  

document.write("<link rel='stylesheet' type='text/css' href='/css/style.css?v="+new Date().getTime()+"'>");   

</script>

</head>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
qwertyuiopl 2019-11-02 19:16:56

通过不同版本号去避免缓存是实际开发时候发布项目的时候才需要用到吧?不过话说回来,看到你在代码里添加了随机的时间戳,这样也行但是弊端太大了,但是这样强制客户端重新加载新版本,反而降低了页面展示速度,不推荐使用。发布的时候你可以考虑下使用Webpack;

发布时自动编译js和css文件,文件名为该文件的哈希值,文件内容不变,哈希值也不变,带哈希值的文件名即体现了文件版本。它可以替换引用js和css的文件,将其改为最终真实路径(js和css文件名都被替换)。

可以康康这个https://www.jianshu.com/p/b83f4a046399


好帮手慕码 2019-11-01 10:25:34

同学你好!
1.清除浏览器缓存方法如下:

http://img1.sycdn.imooc.com//climg/5dbb96d809d69a0907160163.jpghttp://img1.sycdn.imooc.com//climg/5dbb96ee09eeabed09970301.jpghttp://img1.sycdn.imooc.com//climg/5dbb96fd096c0be507360442.jpg

2.请问同学是css文件找不到了吗?可能是路径问题哦:

http://img1.sycdn.imooc.com//climg/5dbb974c0935185211280321.jpg

老师使用同学这样写的话修改为自己的路径是可以找到相应css文件的:

http://img1.sycdn.imooc.com//climg/5dbb9772095bf89608750062.jpg

如果不是这个问题,建议同学将问题描述的更详细一些,以便准确帮助同学分析解决问题。

如果帮助到了你,欢迎采纳,祝学习愉快~

  • 提问者 慕前端2209251 #1
    老师,我想了解用代码怎么实现清除缓存哦 css路径改了之后能找到了,但是我的本地css文件没有加版本号,代码中的版本号和本地文件怎么对应呢
    2019-11-02 13:28:27
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
2.组件化网页开发
  • 参与学习           人
  • 提交作业       1121    份
  • 解答问题       14456    个

本阶段在运用JS实现动态网页开发的基础上,带你深入理解企业开发核心思想,完成一个企业级网页的开发,体验前端工程师的成就感。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师