Chrome浏览器不能正确加载更新后JavaScript和Css文件原因及解决方法

在使用包含JS文件时,或项目在修改JavaScript和Css文件后,重新启动项目,但浏览器不能正确加载修改后的JavaScript和Css文件,反而显示修改前的文件。

原因
浏览器默认是有缓存的,默认加载缓存中的文件。特别是在Chorme中造成JS文件不起作用。

解决方法
方法一

调试前清除浏览器缓存,在浏览器设置界面-->设置-->更多工具-->清除浏览数据-->高级设置中。
或使用快捷键直接清理缓存 ctrl+shift+delete。

方法二

设置浏览器不缓存页面。
在调试页面中勾选Disable cache。

方法三

强制刷新页面。
使用ctrl+shift+R 强制刷新,不使用浏览器缓存来刷新页面。

方法四

从代码角度解决缓存问题。
浏览器会缓存css或js文件,通过设置和改变版本号,浏览器就会重新下载新的js或css文件,在js或css后加?v= 版本号的用法如下
css和js带参数(形如.css?v=与.js?v= 或 .css?version=与.js?version= )
<script type=”text/javascript” src=”login.js?version=1.0.1″></script> 

采用方法四可以解决大多数Chorme中包含外部JS文件不生效的作用。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章