fiddler篩選js請求,fiddler怎麼篩選請求

本文目錄一覽：

• 1、不知道怎麼回事fiddler和charles抓包都抓不到Js,其他的接口請求啊html啊都能抓到
• 2、fiddler使用教程是什麼？
• 3、如何使用Fiddler調試線上JS代碼

不知道怎麼回事fiddler和charles抓包都抓不到Js,其他的接口請求啊html啊都能抓到

你好，

你這個問題如果是正常情況（沒有Filter或其他過濾設置）下發生的，多半是由於瀏覽器緩存導致。

靜態資源緩存後，瀏覽器不會向服務端發起請求，請求到不了fiddler等抓包軟件，所以抓不到。

解決方法：

手動清除瀏覽器緩存後，強制刷新頁面再抓試試；

打開“開發者工具-Network”，勾選“Disable cache”，保持開發者工具打開狀態下，強制刷新頁面；

開發調試階段，為靜態資源添加時間戳參數，防止緩存（xxxx.js?_t=時間戳）

希望能解決你的問題，如按以上方式都無法解決可以在追問中詳細描述下你的操作流程。

fiddler使用教程是什麼？

使用教程如下：

操作設備：戴爾電腦

操作系統：win10

操作軟件：Fiddler

1、啟動Fiddler，系統提示更新，不要理它，點擊no。

2、下面點擊Tools- Fiddler Options開始配置工具。

3、進入https選項卡，勾選Decrpt HTTPS traffic,    Fiddler截獲HTTPS請求。

4、下面進入connects選項卡，勾選Allow remote computers to connect。允許HTTP/HTTPS請求發送到Fiddler，彈出提示，點擊確定按鈕。

5、配置完成，我們就可以抓包了，我們以抓取iphone數據為例，iPhone打開sarfari，輸入如下圖所示地址下載證書。

6、點擊安裝，進行證書安裝。

7、下面就可以在Fiddler上抓去iPhone的數據了。

如何使用Fiddler調試線上JS代碼

雖然可以通過調試工具的控制台來動態執行JS代碼,但有時候卻遠遠不夠用. 特別是當產線環境不能隨意修改文件情況下,用線上環境來調試本地代碼更是迫切的需求. (往往本地測試通過,上線後卻是各種bug.) 今天分享一下如何用Fiddler來修改並調試線上的JS代碼. 以博客園首頁為例子,用我本地的一個js文件來替換它的一個js. 查看首頁源碼發現一個js,就拿它開刷了. 打開fiddler,捕獲博客園的首頁請求. 找到“aggsite.js”的請求. 這裡有個技巧,可以通過 “select”命令來篩選js請求. 在下面的命令框輸入“select script”回車即可. 如下圖. 接着把這個請求拖動到“AutoResponder”面板. 拖動之前記得先勾上 “Enable automatic responses”和 “Permit passthrough for unmatched requests”. 然後在Rule Editor的第二下拉框選擇 “Find a file”來選擇本地的JS文件, 選擇後點 Save. 這裡我用本地的“test fiddler.js”來替換博客園首頁的“aggsite.js”. “test fiddler.js”內容如下. 就是向body追加一段紅色文字. $(function(){ var p=$(“p/”).text(“這是fiddler加上的JS”).css(“text-align”,”center”).css(“color”,”red”); $(“body”).prepend(p); }); 好了,刷新博客園首頁看看效果. 可以看到,我們替換的js被執行了,接下來就可以在本地使用我們順手的編輯器來寫JS代碼了, 本地保存後,刷新網頁就能立刻看到效果,就跟在本地開發一樣,是不是很方便? 最後想說其實你可以用同樣的方式來替換圖片,CSS,HTML. 總之一點就是利用線上的環境來測試你的代碼,但又不對線上產生影響. 要知道保證不出onlinebug bug是多麼的重要,雖然很難做到,但能避免就盡量吧. Enjoy!