【轉】chrome Network 過濾和高級過濾


為什么用過濾?

在我們對一個不熟悉的系統進行開發的時候,我們往往需要通過頁面去查看當前頁面都調用了后台的那些請求,或者去查找頁面中所有的POST請求或者GET請求,這些在一個項目很復雜的時候變得尤其重要,但是因為頁面的復雜性越來越高,我們查找的難度也越來越大。比如頁面加載了很多的js文件,css文件等,這些是我們不想要關注的,但是他們會在開發工具里面一並交叉的羅列出來對我們查找接口造成了很大的影響。

怎么用過濾

一般過濾

一般過濾很簡單,比如你想查找所有.css文件那么就輸入:.css
在這里插入圖片描述

高級過濾

一個字符 -(中划線),如下圖所示:在Network這個選項卡的最左邊有一個過濾的輸入框,你只需要輸入 - 就可以看到提示:
chrome過濾器輸入位置
里面選項很多,不過你可以選中這些選項之后繼續輸入冒號查看當前選項內容提示:示例如下,如果你想查找所有POST里面包含了指定類型信息的請求的話,就可以通過輸入method:POST來實現。注意這個表達式前面沒有 -(中划線),輸入 - 它的目的是為了 讓你看到chrome提供了那些高級的選項。
在這里插入圖片描述
說了這么多並沒有解決我們上面提到的問題,我們的需求是過濾掉.css文件和.js文件,只留下其他的請求,這時候我們還是要用到 - , 中划線除了可以給你提示,但是它本身的含義是取反,以上面需求為例,我們可以通過使用 -.css -.js 來過濾掉css和js文件。-.css 和 -.js中間使用空格分開,意思就是過濾掉.css 和 .js文件,比如你想查找所有GET請求,除了可以使用表達式method:GET之外,還可以使用 -method:POST 來達到目的。

from:https://blog.csdn.net/tengdazhang770960436/article/details/90644523


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM