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