chrome开发者工具-network学习

2017-01-01 10:46

打开network 选项

Paste_Image.png

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