在做 web 开发过程中, 经常需要调试 JS 代码, 而在这个时候我们修改过的代码可能不能生效. 这是因为浏览器默认是有缓存的, 但是这个时候缓存就会影响我们的调试工作, 在这里就介绍一下 Chrome 浏览器解决该问题的方法.
Chrome CSS 修改不更新解决方法:
方法一: 调试前清除浏览器缓存
在浏览器设置界面中
或使用快捷键直接清理缓存 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= )
推荐: CSS 文档 https://www.html.cn/book/css/
来源: http://www.css88.com/qa/css3/14072.html