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 了