分類
好用軟體

Tamper Data-好用的Firefox Debug工具

在 Firefox 中, 之前已經介紹過許多好用的工具(對開發及除錯應用), 像是

Firebug – http://diary.tw/archives/245, http://diary.tw/archives/485

Web Developer – http://diary.tw/archives/227

LiveHTTPHeaders – http://diary.tw/archives/565

Fiddler – http://diary.tw/archives/287

User Agent Switcher – http://diary.tw/archives/926

這裡要介紹的是除了可以觀察每個 http 連線狀況外, 還能修改傳送資料的功能, 這個 AddOn 稱之為 Tamper Data, 光看字面上就很清楚是一個改資料的 AddOn, 但是是在執行網頁訪問的狀況下可以用插入式的方式操作, 這對於在沒有開發工具下, 要快速地進行傳送資料的調整(header, postdata), 如此一來, 可以容易地進行除錯及測試驗證.

先安裝 tamper data 這個 Firefox 的 AddOn – https://addons.mozilla.org/en-us/firefox/addon/tamper-data/

接下來可以在 Tools (工具) 選單下出來一個 Tamper Data 選項, 點選出來後, 就會出現 Tamper Data 視窗, 接下來, 就可以正常訪問一般的網站, 例如 yahoo, 會看到畫面上有一堆 request 及 response time 的 list, 如下:

這樣對於訪問 yahoo 的結果可以一目暸然, 對任一筆資料按下右鍵, 選 [Graph All] 會出現一個有時間序的清單並圖象化, 如下:

這樣對於每個 Request 可以容易地看到效能上是否有什麼狀況, 很容易的分析出來效能瓶頸, 不過這些都還不是 Tamper Data 的強項, 強項在於修改對 web 發出 request 時的資料修改.

先在 Tamper Data 視窗上將 [Start Tamper] 啟動後, 就可以了, 對發出 request 前, 就會出現詢問你是否要修改資料, (此時還沒有送出真正的 request), 如下:

點下了 [Tamper] 後, 就可以進行資料修改了:

當你把想修改的資料填入後, 就可以按下[確定]後就會送出, (這時才真正的送出 reqeust).

這樣對於應用及除錯上更容易找出問題所在, 快速地解決問題, 不過這個工具可不要用來做壞事才好.

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *