有時(shí)候我們想在本地測(cè)試一下圖片預(yù)加載loading的加載情況，如下圖：

　　

　　可無(wú)奈一般網(wǎng)絡(luò)帶寬都比較好，基本上看不到效果，圖片一下子就加載出來(lái)了，

　　可能這個(gè)時(shí)候有些小伙伴想到的辦法是用定時(shí)器延遲加載

　　其實(shí)Google Chrome開(kāi)發(fā)者工具的Network面板提供了2個(gè)不錯(cuò)的方法

　　方法一（推薦）如下圖選擇Network面板

　　第二行，最右邊的Online選項(xiàng)里面的Fast 3G或者Slow 3G就可以讓網(wǎng)絡(luò)帶寬變成3G網(wǎng)，這個(gè)時(shí)候一般就可以看到效果啦

　　

　　注：如果你沒(méi)有看到該選項(xiàng)，建議把開(kāi)發(fā)者工具拉寬一些，有時(shí)候是被擋住了；還有就是谷歌瀏覽器建議為最新版本；

　　方法二：打開(kāi)Network面板，點(diǎn)亮左上角攝像機(jī)的圖標(biāo)（鼠標(biāo)移上去會(huì)提示Capture screenshots），如下圖：

　　

　　點(diǎn)亮該圖標(biāo)后，會(huì)打開(kāi)新的一折疊面板，在該面板上會(huì)提示按Ctrl + R來(lái)啟動(dòng)截圖，如下圖：

　　

　　按Ctrl + R后，截圖自動(dòng)完成，雙擊截圖就能查看大圖；并且點(diǎn)擊截圖以后可以查看該截圖時(shí)刻的Network情況。如下圖所示：

　　

　　

　　

總結(jié)

以上是生活随笔為你收集整理的chrome谷歌浏览器开发者工具-网络带宽控制的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。