在 Firefox 中, 之前已經介紹過許多好用的工具(對開發及除錯應用), 像是
Firebug – https://diary.tw/archives/245, https://diary.tw/archives/485
Web Developer – https://diary.tw/archives/227
LiveHTTPHeaders – https://diary.tw/archives/565
Fiddler – https://diary.tw/archives/287
User Agent Switcher – https://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).
這樣對於應用及除錯上更容易找出問題所在, 快速地解決問題, 不過這個工具可不要用來做壞事才好.