F5和Ctrl+F5区别

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选项选中表示不从缓存中取数据，向服务器端发起请求。