浏览器

Chrome网络层日志分析

使用chrome自带的net-export工具可以在网络层分析网站的性能问题。

chrome浏览器地址栏里访问以下路径：

chrome://net-export/

将会打开一个页面：

img.png

点击Start Logging to Disk，选择一个日志存储路径。然后将开始记录用户当前在浏览器里的行为。

img_1.png

然后进行网站访问，会自动记录网站的网络层日志。完成网站访问后，点击Stop Logging。

点击底部的netlog viewer链接，会跳转到一个在线的日志解析工具（国外网站，可能需要科学上网），将日志文件拖入页面上，就能生成日志的解析数据。

img_2.png

点击左侧列表中的Events，就能看到刚才操作中的全部请求日志。在Events顶部的过滤器中输入

type:url_request

就可以将全部的请求过滤出来，点击每个请求，就能看到请求的全部过程日志。

详细的日志解读方法，可以参考：https://zhuanlan.zhihu.com/p/266622278