chrome調試

查到源碼文件

有時候我們想在控制檯的Sources中查找某個js源文件,要把文件夾逐一點開找,非常麻煩。其實Chrome提供了文件的搜索功能,只不過大部分時候我們給忽略了。。

command p

​ 只要按Command + P(windows的快捷鍵請自行查看)就能彈出搜索框搜索你想要找的文件啦:

command p open

學會使用console.table

我們經常會遇到這樣的場景:獲取到一個用戶列表,每個用戶有很多屬性,但是我們只想查看其中的某些屬性,在用console.log打印出來的時候需要把每個用戶對象展開一個個查看,非常麻煩。而console.table完美的解決這個問題,比如我只想獲取到下列用戶的id和座標:

console.log打印結果:

console.log users

console.table打印結果:

console table users

非常的準確和快速!

Replay XHR

Replay XHR就是重新發送請求,經常我們和後端聯調的時候,後端讓你再發一次請求,你總是刷新頁面呢,現在可以直接重新請求接口,不需要刷新頁面,參數也是一致的喲~
只要任意一行的請求右鍵,然後選擇Replay XHR,就可以不刷新頁面用相同的參數再請求一次接口,完美!

在這裏插入圖片描述