Developer Tools开发者工具查看网络请求

  • Windows: F12键
  • Mac OS: option+command+i键
  • 打开网络请求Network
  • 请求网址http://aimer1124.github.io/后,Network中便会有本次的网络请求内容 NetWorks
  • 点击第一条请求http://aimer1124.github.io/,可查看到此网络请求的详细信息Request/Response
  • 切换到Timing栏中,显示具体的请求时间消耗 Timing
  • 切换HeadersPreviewResponseCookies,也可直接查看对应的信息

设置网络延迟和带宽

  • 点击No throttling会显示出Chrome已提前设置好常用的网络延迟和带宽,供直接选择
网络类型带宽延迟
Offline0kb/s0ms
GPRS50kb/s500ms
Regular 2G250kb/s300ms
Good 2G450kb/s150ms
Regular 3G750kb/s100ms
Good 3G1Mb/s40ms
Regular 4G4Mb/s20ms
DSL2Mb/s5ms
WiFi30Mb/s2ms
  • 选择GRPS,clear网络请求,再次刷新页面,查看请求http://aimer1124.github.io/Timing Latency
  • 此时,可查看到对应的网络延迟已经生效

自定义网络延迟和带宽

  • 点击No throttling-Custom-add进入Network Throttling Profiles设置页面
  • 设置Profile Name:slow1S,Throughput:10,Latency为:1000 setNetwork
  • 关闭设置框,切换No throttlingslow1S,自定义网络延迟与带宽设置完成 setCustomNetwork

参考