chrome开发者工具-network学习

打开network 选项

chrome开发者工具-network学习_第1张图片
Paste_Image.png
  • Preserve log: 在调试时也很有用,页面跳转后,控制台和网络控制台的内容暂时不清空,保留下来。
  • 序号1表示禁用缓存,打钩后,刷新页面,所有请求都是200,不打勾当你打开重复页面会出现304
  • 序号2表示可以设置模拟网络,打开当前页
  • 序号3表示本页面共发了多少请求,本页面大小
  • finish:表示每次加载完一个资源(js,css,img)时间都会累加
  • DOM 表示页面的dom完成渲染时间
  • load 就是dom+finish的时间,整个页面完成呈现给客户的时间

你可能感兴趣的:(chrome开发者工具-network学习)