跳至主要內容

浏览器


浏览器

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