chrome谷歌浏览器开发者工具-网络带宽控制

　　有时候咱们想在本地测试一下图片预加载loading的加载状况，以下图：

 

　　

 

　　可无奈通常网络带宽都比较好，基本上看不到效果，图片一会儿就加载出来了，

　　可能这个时候有些小伙伴想到的办法是用定时器延迟加载

　　其实Google Chrome开发者工具的Network面板提供了2个不错的方法

 

 

　　方法一（推荐）以下图选择Network面板

　　第二行，最右边的Online选项里面的Fast 3G或者Slow 3G就能够让网络带宽变成3G网，这个时候通常就能够看到效果啦

　　

 

　　注：若是你没有看到该选项，建议把开发者工具拉宽一些，有时候是被挡住了；还有就是谷歌浏览器建议为最新版本；

 

 

　　方法二：打开Network面板，点亮左上角摄像机的图标（鼠标移上去会提示Capture screenshots），以下图：

　　

 

 

 

　　点亮该图标后，会打开新的一折叠面板，在该面板上会提示按Ctrl + R来启动截图，以下图：

　　

 

 

 

　　按Ctrl + R后，截图自动完成，双击截图就能查看大图；而且点击截图之后能够查看该截图时刻的Network状况。以下图所示：