Chrome调试面板

17 2月

过滤器

过滤器边上的【Hide data URLs】可以隐藏页面中base64的图片资源。

过滤器可以设置如下条件:(多个过滤条件间可以加空格,例如:domain:*.baidu.com method:POST)

scheme:例如:scheme:http,scheme:https

domain:根据域名过滤,支持通配符*星号,例如:domain:*.baidu.com

is:找到websocket资源:is:running, 找到从缓存中读取的资源:is:from-cache

method:例如:method:GET,method:POST

status-code:例如:status-code:200

has-response-header:显示包含指定http响应头标志的资源,例如:has-response-header:Cache-Control

mime-type:显示指定类型的资源,例如:mime-type:application/javascript,mime-type:image/png

large-than:大于多少K的资源,1000表示1K,例如:larger-than:1000

mixed-content:显示所有混合内容资源:mixed-content:all。仅显示当前显示的资源:mixed-content:displayed

set-cookie-domain:显示有Set-Cookie头,且domain与指定值匹配的资源,例如:set-cookie-domain:.baidu.com

set-cookie-name:显示有Set-Cookie头,且名称与指定值匹配的资源,例如:set-cookie-name:BD_HOME

set-cookie-value:显示有Set-Cookie头,且值与指定值匹配的资源 ,例如:set-cookie-value:0

资源列表

【Initator】可以查看发起请求的进程或对象:

Paser:HTML解析器发起的请求,例如鼠标悬停发起的请求

Redirect:重定向发起的请求

Script:脚本启动请求

Other:其他进程发起的请求,例如用户点击链接跳转,或用户在地址栏输入网址

【waterfall】默认是根据【start time】排序,即发起请求的时间排序,要快速找到耗时最长的请求,可以设成【Latency】:

时间轴里可以看资源的下载情况:

Queueing:请求排队,可能的情况:有更高优先级的请求,此domain下已打开6个tcp链接,浏览器正在短暂分配磁盘缓存中的空间

Stalled:请求可能因为Queueing排队的某些原因而被停止

DNS Lookup:浏览器正在解析IP地址

Proxy Negotiation:浏览器正在与代理服务器协商请求

Request sent:正在发送请求

ServiceWorker Preparation:浏览器正在启动 Service Worker

Request to ServiceWorker:正在将请求发送到 Service Worker

Waiting (TTFB):Time To First Byte浏览器正在等待响应的第一个字节。此时间包括1次往返延迟时间及服务器准备响应所用的时
间

Content Download:浏览器正在接收响应

Receiving Push:浏览器正在通过 HTTP/2 服务器推送接收此响应的数据

Reading Push:浏览器正在读取之前收到的本地数据

发表评论

电子邮件地址不会被公开。 必填项已用*标注