页面的缓存状态是由header决定的,header的参数有四种:
- max-age
- 当浏览器对某个资源的请求命中了强缓存时,返回的http状态为200,在chrome的开发者工具的network里面size会显示为from cache
- 当浏览器对某个资源的请求没有命中强缓存,就会发一个请求到服务器,验证协商缓存是否命中,如果协商缓存命中,请求响应返回的http状态为304并且会显示一个Not Modified的字符串
- chrome 开发工具 > Network > Disable cache 开启关闭缓存
- 查看 chrome 缓存: chrome://cache/
- Chrome cache View 查看二进制 chrome 缓存文件