【Chome浏览器F12工具使用】谷歌浏览器几种清缓存的方法

一、Chome浏览器有三种清缓存方式：正常重新加载、硬件重新加载、清空缓存并硬性重新加载

1、【正常重新加载】

触发方式：①F5 ②Ctrl+R ③在地址栏上回车 ④点击链接

如果缓存不过期会使用缓存。这样浏览器可以避免重新下载JavaScript文件、图像、文本文件等，那么它就会读取缓存里面的信息。

2、【硬性重新加载】（强制刷新）

触发方式：①Ctrl＋F5（我常用的） ②Shift+F5 ③Ctrl+Shift+R

强制浏览器重新下载每个 JavaScript文件、图像、文本文件等（页面JS调试必备技能）。

3、【清空缓存并硬性重新加载】

触发方式：先打开浏览器的控制台（快捷键：F12），然后在页面的“刷新”按钮上右键，选择最后一项清空缓存并硬性重新加载。这样可以确保完全重新加载。

二、Chome浏览器F12工具清理的指定的缓存内容

作为一名开发，作为一名技术人员，直接用浏览器清缓存的话会显的不够专业。开发者工具清理的好处：

它可以很清晰的清理对应的缓存，让我们知道哪些缓存对我们的哪些代码有影响，提高我们对整体代码的把控，提升我们自身的能力。

【打开方式】：直接F12打开开发者工具，在Application页签（应用页面）的Storage和Cache就是浏览器的缓存。

【清理方法】：右键—clear（清除）

常用的是Local（本地存储空间）、Session（会话存储空间）和Cookies这3个缓存。

IndexedDB是索引数据库缓存。

Web SQL是关系数据库缓存。

Cache是离线缓存。