多语言展示
当前在线:1564今日阅读:154今日分享:43

浏览器 f12 的功能详解之Network

浏览器f12是开发调试工具Network是查看网络请求的
方法/步骤
1

打开浏览器,按f12,点击Network,可以查看相关网络请求信息,记得是打开f12之后再刷新页面才会开始记录的

2

查看Network基本信息,请求了哪些地址及每个URL的网络相关请求信息都可以看的到URL,响应状态码,响应数据类型,响应数据大小,响应时间

3

请求URL可进行筛选和分类选择不同分类,查看请求URL,方便查找

4

也可以直接Filter搜索查询相关URL可以输入关键字或者正则表达式进行查询

6

我们具体分析下里面每个各代表什么意思,分别耗时多少,通过这个来分析服务器到底是哪个环节出了问题Queueing 是排队的意思Stalled 是阻塞  请求访问该URL的主机是有并发和连接数限制的,必须要等之前的执行才能执行之后的,这段时间的耗时DNS Lookup 是指域名解析所耗时间Initial connection 初始化连接时间,这里一般是TCP 3次连接握手时间SSL https特有,是一种协议Request sent 发送请求所消耗的时间Waiting 等待响应时间,这里一般是最耗时的Content Download 下载内容所需要消耗的时间

7

我们了解了上面每个耗时的时间,才能根据对应时间来修改和优化服务器访问的速度留个作业,大家看看下面这张图,分别都耗时在哪里呢,我们又该怎么定位问题及解决方案呢?我们之后讲解

推荐信息