Network面板-谷歌

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