瀏覽器?檢查窗口一些使用

不知道小伙伴是否有習(xí)慣使用瀏覽器的“檢查”這個(gè)右鍵選項(xiàng)按鈕，這個(gè)按鈕在平時(shí)調(diào)試的時(shí)候有很大的幫助。

1.可以快速查看缺少內(nèi)容

如果說自己某些資源沒有正確加載出來或者不存在，那么在控制臺(tái)（Console）這里是可以很快看到，能馬上更正自己的錯(cuò)誤。

2.可以查到對(duì)應(yīng)網(wǎng)絡(luò)請(qǐng)求

我們?cè)凇癗etwork”這個(gè)欄，是可以看到對(duì)應(yīng)在這個(gè)網(wǎng)頁上所發(fā)送的網(wǎng)絡(luò)請(qǐng)求，包括其狀態(tài)和對(duì)應(yīng)的傳輸參數(shù)，這些可以大家一一去摸索。反正如果自己寫了某個(gè)網(wǎng)絡(luò)請(qǐng)求，如果沒有在這里出現(xiàn)，那么就可能自己編寫的網(wǎng)絡(luò)請(qǐng)求出問題了。

3.Application

這個(gè)欄是可以看到對(duì)應(yīng)瀏覽器自帶的保存的內(nèi)容，例如在一項(xiàng)有一個(gè)Cookie，相信不用我多說，大家都知道其作用是做什么了吧？當(dāng)然還有其他內(nèi)容也在瀏覽器里面的。

5.Element

這欄看到在網(wǎng)頁上生成的UI代碼，而且是編排好的，細(xì)心的小伙伴可以在這里查看自己的有沒有少寫了html的結(jié)尾標(biāo)簽，還可以查看對(duì)應(yīng)css樣式是否在某標(biāo)簽上是否有效。

這些就是對(duì)于初學(xué)瀏覽器的一些輔助內(nèi)容，有興趣的，可以關(guān)注對(duì)應(yīng)公眾號(hào)，了解更多內(nèi)容。