Chrome 调试工具 Network 筛选指定 Ajax 请求

图一 chrome devtools - Network

devtools

平时在调试前端页面时，与后端的交互基本都经过 ajax，因此调试起来会常常用到 Network 里面的 XHR，有时候由于请求接口会比较多，若是能够仅仅过滤出咱们想看的那一个接口，那么调试起来会便利不少

福利来了

Chrome 开发者工具 Network 登场

全部的请求

若是此时我只想看 IsMyFavorites 这个接口呢 能够是使用这样语法 -method:OPTIONS ismy -method:OPTIONS 表示请求的方法为 OPTIONS 的接口不显示，这是由于跨域调用接口时，会额外发送一个 OPTIONS 接口

过滤后的请求

能够自行尝试对比筛选 -mehtod:OPTIONS ismy ismy 两个的区别 :)

ps 此功能须要高版本 chrome，是时候升级你的 chrome 了