Chrome审查元素使用：[2]Network

随便打开一个需登录的网页。如下图，只有用户名和密码框。可以看到打开时，打开时建立了三条连接，分别是网页，CSS布局文件和JS文件。方法都是GET，状态都是200（成功）。

点击相应的连接记录，可以看到详细信息，如http请求数据报的头，和http响应的头。

选中preserve log（保存日志，否则只显示每次响应的链接）。可以看到有一条POST数据发送了出去，POST的数据内容也可以看得到。

在详细信息里面可以看到preview和response的内容，两者大多数都是一样的。Timing里面显示了链接开始到接收完数据的时间分布。

Filter是过滤出指定的内容。如style，jscript等包含特定字符的链接日志。

那么Network有什么作用呢。在我看来它可以让你了解一个网站的数据交互规则，还有一点应用是如果你想开发一个客户端之类的，在脱离浏览器时，你就要清楚的知道发送的数据内容的结构了（这个网站没有给出API）。