浏览器清除页面JS文件缓存的方法

Posted 2021-12-12 dmcs95

 　　在调试javascript的时候, 有时即使刷新页面, 最新的改动也不会生效, 这是因为浏览器为了方便将JS文件进行了缓存, 因此无论怎样刷新, 使用的仍然是历史版本. 遇到这种情况的时候有两种解决方案

　　第一种相对比较简单:

　　　　首先按 F12 键进入浏览器的开发者模式, 接着点击图片所示的 Network 此时勾选 Disable cache 就完成了.

　　　　这个时候只需要刷新页面 F5 即可加载最新版本的JS文件, 即可展示对JS文件做出的改动

　　

　　第二种方案通过修改浏览器设置, 对于不同的浏览器可能进行设置的方法不同, 但原理是相同的

　　(本文针对浏览器)

　　

　　这里可以通过快捷键快速进入设置, 首先按下 F12 进入浏览器开发者模式, 此时按下 F1 即可进入设置界面, 通过下图勾选设置即可, 效果同方案一

　　

　　如果快捷键存在冲突时, 可以按照下面的步骤进入, 设置方法同上