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,就可以不刷新页面用相同的参数再请求一次接口,完美!

在这里插入图片描述