美文网首页
Network面板-谷歌

Network面板-谷歌

作者: 麦壳儿UIandFE2 | 来源:发表于2018-01-15 17:48 被阅读6次

1:


image.png

larger-than。显示大于指定大小的资源(以字节为单位)。 将值设为 1000 等同于设置为 1k。


image.png

2:


image.png
image.png

3:


image.png

点击后:


image.png
查看传递给后台的参数格式对不对。

4:


image.png

HTTP/1.1 200 OK
Content-Length: 11624
Content-Type: application/json; charset=utf-8
Date: Mon, 15 Jan 2018 09:29:00 GMT
Keep-Alive: timeout=38
Server: nginx/1.10.1
X-Content-Type-Options: nosniff
X-Download-Options: noopen
X-Frame-Options: SAMEORIGIN
X-Readtime: 1653
X-Xss-Protection: 1; mode=block

5:
配置网络table的显示项


image.png

6:
导航时保留网络日志。
默认情况下,每当您重新加载当前页面或者加载不同的页面时,网络活动记录会被丢弃。启用 Preserve log 复选框可以在这些情况下保存网络日志。 新记录将附加到 Requests Table 的底部。


121
点击刷新页面,又发送一次。

文章目录:
![image.png](https://img.haomeiwen.com/i3233350/efadecc5bc275da0.png?
imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

截取文章:
谷歌的开发者:
https://developers.google.com/web/tools/chrome-devtools/network-performance/resource-loading#_3

相关文章

网友评论

      本文标题:Network面板-谷歌

      本文链接:https://www.haomeiwen.com/subject/ptydoxtx.html