使用chrome调试工具解决问题(五)

网络(Network)选项卡

录制按钮

默认开启,监听整个页面运行过程中所产生的所有网络请求。

清空按钮

清空目前监控到的所有网络请求

筛选

默认开启,默认展示全部网络请求,ajax、js、css、图片等,想只监听哪项可以点击对应按钮进行过滤。

保存日志

默认不勾选,每当刷新页面都会清空日志,勾选后即使页面刷新,日志也会保留。

停用缓存

默认使用缓存,开启后禁止使用缓存,全部从服务端重新请求数据。

限流器

默认不启用,模拟网络状态,改变网速用的,当我们需要调试网络慢的时候,组件、页面或者其它东西是否能正常加载时会用到。

日志面板

每行,记录一次网络通信;

当点击某一行时,左侧会展示这条网络请求的详情

标头(Headers)

包含常规信息、响应头、请求头

请求地址、相应代码、请求方法等信息

预览(Preview)

对相应结果进行预览

响应(Response)

服务器相应的原始格式,只支持纯文本,不能支持二进制文件

启动器(Initiator)

查看当前请求跟哪一段js相关,展示请求堆栈、启动器链条

时间(Timing)

做性能分析,特别是网络性能分析时使用。

排队时长:对同一个域的请求开辟的TCP数量有限制,在同一个TCP链接里请求也有先后顺序,这里展示的是进入队列的耗时,并不是排队的总耗时;

开始连接:链接已开始,其中已停止耗时1.60毫秒指的是在排队时前面链接造成的拥护耗时;

请求/相应:已发送请求,当向服务器发送请求时没有太多消息需要传到服务器,这个时间会很短;等待服务器相应,等待了37.93毫秒只收到了服务器相应的响应头,并没有完全收到响应结果(当用户端网络很慢或者服务器里用户很远时耗时比较久、或者网络很好但是服务处理很慢);下载内容,得到完整的响应体所要的时间。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容