admin 管理员组

文章数量: 1184232

清除或禁用浏览器缓存

这次说一说清除浏览器缓存的问题, 这是新手经常遇到的一个困惑;
明明修改了代码, 刷新了浏览器, 页面还是原来的效果没有变化; 瞬间变得不知所措,到底是哪里出了问题, 如果遇到这个问题,不要惊慌,清下缓存试试…

一. 怎么看浏览器中加载的文件是否缓存

  1. 在浏览器当前页面按 F12 键(或者右击 检查元素 ), 打开 控制台 ;
  2. 选择 Network (或者叫 网络 )的选项;
  3. 看你修改的文件是否在 All 列表中;
  4. 如果不在列表中再次刷新浏览器;
  5. 找到你修改的文件,查看 Size 中文件对应的大小;
  6. 如果是 from memory cache , 那么这就是 缓存 的文件;
  7. 如果是具体的尺寸大小(如 20K ),那么就不是缓存的,是 新加载 的.

二. 清除缓存

方法1:
缺点是 :简单不一定十分管用(比如base64的文件)
简单快捷的一个方法就是: ctrl+F5 这个快捷键,
只要是在页面上,打开或者不打开控制台都可以;

方法2:
缺点是 :麻烦但是一定十分管用;
1.手动清除浏览器缓存,打开方式如下图(Google浏览器)

  1. 打开后,如下图,这就清除的地方,点确定就行;
    每个选项清除的数据类型不一样,不懂的话一定要认真阅读哦, 不然后悔莫及

三. 禁用缓存

重复上面的步骤,聪明的你一定能找到这个地方;

Disable cache 这个选项打上勾;

这样不管你打开还是关闭控制台,

刷新页面都不会有缓存了

第一次 勾选的时候,一定要刷新哦,不然他没那么智能…

到此结束;
祝愿, 小伙伴工作顺利;

本文标签: 缓存 览器 的文件