F5
使用F5刷新页面，size显示内容来自缓存
size以下集中常见情况
1、from memory cache： 请求数据来自内存，关闭页面后内存会被释放，再次打开会重新请求资源，status为200
2、from disk cache： 请求数据来自磁盘，之前某个时间段加载过该资源，关闭页面后不会释放，再次打开页面，显示的仍然是from disk cache
3、资源本身的大小： status为200，请求服务端资源，size显示的是资源本身的大小
如果状态吗为304，size表示的不是资源本身的大小，而是客户端与服务器之间的报文大小
原因：请求头不同（如下）
-
chrome
在chrome浏览器中，请求头中显示Provisional headers are shown
未与服务端正确建立链接，不会正确显示请求头 -
firefox
在firefox浏览器中，返回304 Not Modified
请求头中增加If-Modified-Since字段，如果资源未过期，则会命中缓存，不会像服务端发起请求。使用F5刷新，chrome和firefox都是从缓存中获取数据，但是表现不一样，因为浏览器内部机制不同，chrome使用强缓存（from disk cache和from memory cache），firefox使用协商缓存
Ctrl + F5
chrome和firefox不从缓存中获取，都想服务器发起请求，可以适应缓存服务器资源，但是需要到源服务器进行验证
Tip: 控制台中Disable cache选项选中表示不从缓存中取数据，向服务器端发起请求。