在使用Chrome的F12工具调试时,在网络选项卡(Network)下不知不觉上面多了一块,还有时间的刻度,尝试了下可以选中区间来显示这段时间加载了或执行了哪些网络请求和回应。如下图:

使用它这个时间轴调试起来蛮方便的,可是大部分情况下会用不到,这个时候怎么隐藏呢?我探索了一下,终于找到可以隐藏的地方了。

首先点击位置1,会出现一排菜单,再把位置2的勾去掉,这样就可以隐藏了。如下图:

 

操作说明

Chrome 开发者工具的 Network(网络)面板上方会显示请求时间轴,便于观察资源加载顺序,但日常调试中往往用不上。

  • 点击面板右上方的齿轮/菜单图标(文中位置 1)展开设置。
  • 取消勾选与时间轴相关的选项(文中位置 2),即可隐藏该区域。
  • 该设置会被记住,之后打开 Network 面板同样生效。

相关阅读

参考资料