- JavaShuo

時間 2019-11-24

原文原文鏈接

原做者：coverguojavascript

2、Fiddler使用php

對於web開發，Fiddler十分重要。Fiddler是最強大最好用的Web調試工具之中的一個。它能記錄所有client和server的http和https請求，贊成你監視，設置斷點。甚至改動輸入輸出數據. 使用Fiddler無論對開發仍是測試來講，都有很是大的幫助.css

而後在這個星期中，我總結前端工做中。常用Fiddler來作的有下面幾種用途,因爲抓包經過瀏覽器就可以完畢了因此就不說名了。簡單來講Fiddler對咱們工做中用處最大就是控制網絡文件請求規則以及改動hostshtml

2.1、使用fiddler改動hosts前端

鏈接cgi以及測試時。經常需要改動hosts，fiddler中加入Willow插件，就可以輕鬆改動hosts。首先安裝fiddler。而後再安裝Willow，全部傻瓜式安裝就能夠。html5

安裝後打開fiddler。在右上角會看到多了Willow的標籤，如圖1所看到的：java

圖1安裝willow插件後。在fiddler中會顯示willow標籤node

點擊Willow進入willow標籤頁，在空白處點擊右鍵，新建project，如所看到的：python

圖2在willow標籤中新建projectweb

在剛剛新建的project名字上點擊右鍵，而後選擇加入hosts。如所看到的：

圖3加入hosts

在剛剛新建的project名字上點擊右鍵，而後選擇加入hosts，如所看到的：

圖4輸入ip與域名

2.2、改動網絡文件請求規則
使用場景：
1.在某些狀況下指定了willow代理整個文件夾，但文件夾中一個文件需要使用本地文件，以便改動代碼時可以及時查看。並且請求本地的資源時網址對應的更快。

2.某個文件請求需要被替換成還有一個外網地址
用法：

圖5右鍵willow項目,增添規則

圖6輸入匹配的地址路徑。以及轉爲請求的路徑

這裏需注意的是Match中的URL必須以「/」結尾。以及Action的Path都必須以「/」結尾

3、抓取手機http請求（即用來移動端測試用途）

1.打開Fiddler,而後Tools-> Fiddler Options .切換至HTTPS面板，選中"Decrpt HTTPS traffic",設置Fiddler可以截獲HTTPS請求，如圖5所看到的。

圖7設置抓取https請求

2.切換至Connections面板，選中"Allow remote computers to connect".贊成別的機器把HTTP/HTTPS請求發送到Fiddler上來。以後從新啓動fiddler生效，如圖6所看到的：

圖8贊成遠程設備鏈接。並記下port號

注：

勾選Act as system proxy on startup。意思是說啓動Fiddler的時候做爲系統代理，這個可能會改動咱們在IE中設置的瀏覽器代理配置，會致使咱們不能上外網。

3.將手機與電腦接入同一個網絡內。即鏈接同一個wifi,對於臺式電腦需要一個無線網卡來鏈接公司的wifi,而後手機鏈接同一個wifi，而後在手機的wifi高級設置裏面加入代理ip與port，代理ip是電腦在這個wifi下獲取到的ip，將鼠標懸停至fiddler右上角的Online上，就會顯示出本臺電腦正在工做的所有ip。找出哪一個是與手機處在同一個網絡中的ip（假設使用無線網卡即選擇無線網卡的ip），填入手機的代理server中。如圖所看到的。