Skip to content

Latest commit

 

History

History
36 lines (21 loc) · 1.22 KB

cache.md

File metadata and controls

36 lines (21 loc) · 1.22 KB
Raw

Web缓存

header

页面的缓存状态是由header决定的，header的参数有四种：

Cache-Control

  • max-age

Expires

Last-modified

ETag

强缓存和协商缓存

  • 当浏览器对某个资源的请求命中了强缓存时，返回的http状态为200，在chrome的开发者工具的network里面size会显示为from cache
  • 当浏览器对某个资源的请求没有命中强缓存，就会发一个请求到服务器，验证协商缓存是否命中，如果协商缓存命中，请求响应返回的http状态为304并且会显示一个Not Modified的字符串

chrome

  • chrome 开发工具 > Network > Disable cache 开启关闭缓存
  • 查看 chrome 缓存: chrome://cache/
  • Chrome cache View 查看二进制 chrome 缓存文件

用户操作行为与缓存

References