Web Debugging Proxy Tool | Fiddler Classic
安裝網站↑
下載好安裝包之后，雙擊一路next就可以了
一、抓包軟件
電腦上安裝了抓包軟件之后，抓包軟件就可以監聽你的網卡上通過的數據。
本來是你的客戶端通過網卡，把數據發給目標服務器，而有了抓包軟件之后，你的客戶端就會把數據通過網卡，先發給抓包軟件，抓包軟件把數據再通過網卡發給目標服務器。
服務器返回的數據，也是先到達抓包軟件，再返回到你的客戶端。
抓包軟件就能獲取到客戶端-服務器之間的詳細數據。
左側是HTTP的請求/響應列表。
即使什么都不干，很可能也會有很多的“請求/響應”，你的電腦后臺，會有很多程序在做一些事情。
1.也有人發現，這個里面什么都沒有
確保你在 fiddler 的設置中，勾選 HTTPS 的選項
（當前網絡環境中，純 HTTP 比較少，更多的都是 HTTPS）
fiddler 默認沒有開啟 HTTPS 的
首次勾選，會彈出框提示，"是否要信任他的證書"
一定要選擇 "信任"
2. 如果勾選了 HTTPS 還是抓不到包
排查你的機器上是否開啟了其他代理程序. (單獨的程序/瀏覽器的某個插件....)
把其他的代理關閉掉
右側上方是HTTP請求的詳情
右側下方是HTTP響應的詳情
構成網頁的關鍵部分.
一個網頁通常由三個部分構成
1) HTML: 網頁結構 骨
2) CSS：網頁的樣式 皮 （包括不限于 顏色, 字體, 對齊方式, 位置, 邊距, 邊框.....）
3) JavaScript：網頁的交互 魂 （用戶和網頁之間的交互方式. 點擊某個地方, 有 xxx 效果.... 按下鍵盤某個鍵, 有 xxx 效果。滾動鼠標滾輪, 有個 xxx 效果.....）
瀏覽器和服務器之間, 就會存在多次這樣的 HTTP 交互.
其中有的 HTTP 交互會獲取到 HTML
有的會獲取到 CSS
還有的會獲取到 JavaScript
還有的會獲取到一些依賴的資源(圖片, 視頻, 音頻, 字體...)
在 fiddler 抓取到的 "請求/響應" 列表中
需要找到我們主動觸發的這個請求響應.
1) 看域名
2) 看顏色. 藍色的表示這次響應是一個 HTML 的內容
由于直接點擊 刷新按鈕, 很可能是看不到獲取 CSS/JS 這樣的 HTTP 交互的 (瀏覽器帶有緩存)
一個計算機, 訪問存儲設備的速度:
1) CPU 寄存器
2) 內存
3) 硬盤
4) 網絡 (不絕對, 萬兆網卡, 大概率是比硬盤快的...家用設備一般沒有這種)
必應主頁, 要想能夠正確的顯示, 就需要把 HTML CSS JS 這些內容都加載出來, 頁面才能正確顯示....
典型的問題: 明明把 css/js 代碼修改了, 但是重新訪問, 發現修改沒有生效
為了優化上述的加載速度, 引入了 "瀏覽器緩存"
第一次訪問必應, 會把上述所有資源都加載; (CSS, JS, 圖片... 保存到瀏覽器所在機器的硬盤上)
后序再訪問必應的時候, 只從服務器獲取 html 即可, CSS/JS 直接用上次獲取過的
通過 ctrl + 點擊刷新按鈕 / ctrl + F5 都會觸發 "全量獲取數據", 忽略本地的緩存, 從服務器獲取到完整的數據
點擊View進行查看
)
