大家好啊，我是大田
2022.03.31，日更第 54 / 365 天。
如果想在 Web 端抓取網絡報文，就打開一個浏覽器頁面，按快捷鍵 F12 ，點擊 NetWork，即可看到。
一、四個操作：
1、小紅點代表抓包标志，點擊一下變灰，就停止抓包了
2、清空操作，清空當前頁面報文
3、查看報文
4、過濾操作（過濾器）：一般默認都選擇ALL
二、舉個例子看一下報文：
如下圖所示（一般關注前三個就可以了）
1、Response ：響應數據，看接口返回數據或者是 html 代碼。
2、Headers ：代表頭信息，Request URL 一般需要我們去對照接口文檔去看。
3、Preview ：預覽數據，簡化版頁面。
三、總結開發者工具使用場景：
1、直接在谷歌浏覽器中使用。如果你既沒安裝 Fiddler 也沒安裝 Charles 那麼你可以直接使用谷歌浏覽器的 F12 開發者工具。
2、能調試接口（ 按照上文的四個步驟 ）。
3、谷歌浏覽器開發者工具不能直接設置斷點，而火狐浏覽器開發者工具是可以設置斷點的。
4、不能抓取移動端數據報文。
ps：一般在測試工作中，是将開發者工具和 Fiddler 結合或者将開發者工具和 Charles 結合使用。
往期推薦文章：
1、功能測試必備：抓包工具的作用及常用抓包工具有哪些？
2、測試人員如何提升技術視野？
3、軟件測試工作中質量度量
今天就到這啦，關注我看更多軟件測試幹貨，end ~
,
zpostcode 
Recruit 
weather 
mreligion 
Yellowpages 
sport 
constellation 
shopping 
name 
game 
directory 
literature 
Word 
tour 
furnish 
Lottery 
tftnews 
lyrics 
News 
digital 
car 
dir 
Edu 
Finance 
