介紹：

fiddler是一個http協議調試代理工具，它能夠記錄并檢查所有你的電腦和互聯網之間的http通訊，設置斷點，查看所有的“進出”Fiddler的數據（指cookie,html,js,css等文件，這些都可以讓你胡亂修改）。 fiddler 要比其他的網絡調試器要更加簡單，因為它不僅僅暴露http通訊還提供了一個用戶友好的格式。目前fiddler支持全瀏覽器，全操作系統，全平臺。

原理：
fiddler本質就是做為web代理服務器(127.0.0.1:8888)存在 ，在啟動時自動設置HTTP代理為自身地址監聽所有通過的數據。
注意：
Firefox需手動設代理為127.0.0.1:8888，或者啟用安裝fiddler時自動安裝的插件fiddler hook。
使用本機localhost測試時加"."（如：http://localhost.:2391/view/ ）。

下載和安裝
fiddler的官網是http://www.telerik.com/fiddler
在Windows 8.1上面我選擇fiddler4下載，雙擊exe文件并直接安裝

安裝完成后，在瀏覽器窗口中輸入

http://127.0.0.1:8888/

如果輸出結果如下，說明安裝成功：

查看相應的版本號為

自動重定向示例
自動重定向功能是fiddler最實用的功能，這里的Rule可以自由地設定，可以使用搜索（默認）、精確匹配（EXACT）、正則表達式匹配（REGEX）。處理方式可以選擇使用文件，也可以選擇合適的時間暫停數據流（*bpu、*bpafter），人工干預。通過以下幾個步驟，我們演示了怎樣將HTTP請求重定向到本地的文件，進行web調試。這種調試方式不需要發布到線上再驗證，避免了修改不成功、對用戶造成影響的風險，而且不需要搭建復雜的開發服務器等開發環境，非常適合快速web調試。

首先打開fiddler，接著打開任意瀏覽器，我這里以maxthon為例，讓它訪問

http://www.ifeng.com/

我們會看到許多http交互在左上部窗口中閃動，這里每個http請求，在fiddler里面稱為一個session會話。

1.將文件保存到本地并修改
我現在想修改鳳凰網的圖標
http://y1.ifengimg.com/a/2015_09/1d8401937113fd3.gif
先在左下命令行窗口中搜索該文件的session

?1d8401937113fd3.gif

按回車選中，我們看到選中的session是藍色顯示的，在該session上點擊右鍵保存為本地文件

2.開啟Fiddler自動重定向，創建新規則，將Http請求重定向到本地文件，保存好規則.

?注意勾選這三個方框，再點擊“Add Rule”來添加規則

3.刷新一下瀏覽器頁面，同時在命令行窗口中clear清除所有的會話，如果像下面這樣，這個session的底色是灰色的，已經成功將這個請求重定向到本地文件了！

4.修改本地文件，進行測試
比如修改該文件，加上我的網名“tao_627”，刷新maxthon瀏覽器后，我們看到如下效果

另一個重定向例子

現在我打算修改如下跟廣告相關的js文件

http://h0.ifengimg.com/ifeng/sources/yingguang-20140307.js?

也可以按照上面的方法進行，先保存成本地文件，再創建如下規則

我們看到這個特定的會話已經變成灰色

下面的工作我們只需修改本地js并調試就可以了。

當然我也可以將指定的js文件重定向到互聯網上去的其他任意文件(包括后臺服務器上的js)，比如我將上面的網址重定向到(注意勾選那三個框，否則不會有效果)

http://h0.ifengimg.com/ifeng/sources/yingguang-20140307.js ?==> http://www.xxdao.com/dsp/js/ifengads.js

我們就可以看到它的實際效果，參見下面的截圖

通過這種方法，我們可以很方便地進行我們的js文件的修改和調試了。

在調試的過程中，我發現從瀏覽器中的調試工具中，被重定向的請求中不會出現302的過程，而直接是我們修改后的內容，這個想想也應該是這樣的。

參考文獻
[1].http://blog.sina.com.cn/s/blog_0ee72b3701013g58.html
[2].http://jingyan.baidu.com/article/63acb44ae6122e61fcc17e33.html
[3].http://www.tuicool.com/articles/I7FVNr ? ?超詳細

總結

以上是生活随笔為你收集整理的在Windows 8.1上使用Fiddler重定向http请求进行前端调试的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。