清除或禁用浏览器缓存
这次说一说清除浏览器缓存的问题, 这是新手经常遇到的一个困惑;
明明修改了代码, 刷新了浏览器, 页面还是原来的效果没有变化; 瞬间变得不知所措,到底是哪里出了问题, 如果遇到这个问题,不要惊慌,清下缓存试试…
一. 怎么看浏览器中加载的文件是否缓存
- 在浏览器当前页面按F12键(或者右击检查元素), 打开控制台;
- 选择Network(或者叫网络)的选项;
- 看你修改的文件是否在All列表中;
- 如果不在列表中再次刷新浏览器;
- 找到你修改的文件,查看Size中文件对应的大小;
- 如果是from memory cache, 那么这就是缓存的文件;
- 如果是具体的尺寸大小(如20K),那么就不是缓存的,是新加载的.
二. 清除缓存
方法1:
缺点是:简单不一定十分管用(比如base64的文件)
简单快捷的一个方法就是: ctrl+F5这个快捷键,
只要是在页面上,打开或者不打开控制台都可以;
方法2:
缺点是:麻烦但是一定十分管用;
1.手动清除浏览器缓存,打开方式如下图(Google浏览器)
或者用快捷键打开ctrl+Shift+Del,别问我怎么知道的,上图写着呢
- 打开后,如下图,这就清除的地方,点确定就行;
每个选项清除的数据类型不一样,不懂的话一定要认真阅读哦,不然后悔莫及
三. 禁用缓存
重复上面的步骤,聪明的你一定能找到这个地方;
Disable cache 这个选项打上勾;
这样不管你打开还是关闭控制台,
刷新页面都不会有缓存了
第一次勾选的时候,一定要刷新哦,不然他没那么智能…
到此结束;
祝愿, 小伙伴工作顺利;