关于Chrome浏览器如何清除某个特定网页的缓存

在平常的使用当中,浏览器缓存能够加快页面的加载速度,能够保存表单数据类似于填写过的密码,使得用户的体验感大幅的提升。

但对于开发网站页面的前端开发者而言,浏览器的自动缓存功能并不一定惹人喜欢。

它常常会使得页面变成”不可变化的”模式。由于缓存存在的缘故,在更新代码后,通过浏览器去测试页面时页面常常不会显示我更改的代码模块,我就经常受到这样的困扰,但是手动去清空所有的缓存又会影响平常进其他网站时候的体验,就挺难受的。

那么问题来了,有没有一种可以只单独清空一个网站的缓存的办法呢?

答案是有的,通过一段时间折腾,误打误撞的被我发现chrome单独清空一个网站缓存的办法,方法如下:

1、先打开要清空缓存的网站。(这里拿万能度娘做演示)

2、按下F12键开启开发者模式

3、右键页面的刷新按钮,会出现三个选项:正常重新加载,硬性重新加载,清空缓存并硬性重新加载

解释一下这三个的区别:

正常重新加载 Ctrl+R:正常重新加载。 
硬性重新加载:Ctrl+Shift+R:浅层次的清除历史记录,但不一定缓存完全清除。(Ctrl+F5)同理。 
清空缓存并硬性重新加载:可以深层次的清除所有的缓存。(建议用这个)