如何将Chrome DevTools Network面板显示从5000ms调至10ms？

方法一：键盘辅助精细拖动 #

• 先把时间轴的灰色手柄拖到当前能达到的极限位置（即100ms刻度）
• 按住Shift键的同时再次拖动灰色手柄，此时刻度会以更小的步进值调整，就能缩到10ms级别的刻度
• 若仍不生效，可尝试按住Ctrl（Windows/Linux）或Cmd（Mac）键拖动，触发更精细的缩放步进

方法二：手动指定时间范围 #

• 在Network面板时间轴上方，找到显示当前时间区间的区域（比如显示0 - 5000ms的位置）
• 双击该区域的数值，手动输入目标范围（例如0 - 100ms），按回车确认后，时间刻度会自动适配为10ms级别

方法三：过滤短请求自动适配 #

• 在Network面板的过滤栏中输入duration:<100，仅显示耗时小于100ms的请求
• DevTools会自动调整时间轴刻度以适配这些短请求，通常会直接显示10ms刻度

内容的提问来源于stack exchange，提问作者albertkao9