chrome开发者工具-network学习

打开network 选项

Paste_Image.png
  • Preserve log: 在调试时也很有用,页面跳转后,控制台和网络控制台的内容暂时不清空,保留下来。
  • 序号1表示禁用缓存,打钩后,刷新页面,所有请求都是200,不打勾当你打开重复页面会出现304
  • 序号2表示可以设置模拟网络,打开当前页
  • 序号3表示本页面共发了多少请求,本页面大小
  • finish:表示每次加载完一个资源(js,css,img)时间都会累加
  • DOM 表示页面的dom完成渲染时间
  • load 就是dom+finish的时间,整个页面完成呈现给客户的时间
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容