5款前端開發數據分析工具

HttpWatch：

　　強大的網頁數據分析工具。集成在Internet Explorer瀏覽器中。只須要選擇相應的網站，軟件就能夠對網站與IE之間的需求回覆的通信狀況進行分析並在同一界面顯示其相應日誌記錄。每個HTTP記錄均可以詳細的分析其 Cookies、消息頭、字符查詢等信息。支持HTTPS及分析報告輸出爲XML、CSV等格式。最經常使用的地方是當點擊保存按鈕時跳轉頁面，此時頁面已經刷新，咱們沒法查看請求的和返回的數據，這時候只要開啓HTTPWatch就能夠捕捉到數據。

使用方法

 

 

TamperIE：

　　IE查看請求數據 

 

 

IE Sieve，檢測IE內存泄露：

 檢測ie內存泄露的綠色軟件，將地址直接輸入地址欄點擊Go就ok了。在開發項目的時候，在chrome，Firefox下加載頁面都很快，惟獨ie加載比較慢，這時候就能夠實用這款軟件來分析

1. usage 內存使用。
2. delta 內存增減。綠色是內存減小，紅色是內存增長。
3. #inUse 在使用的 HTML 節點，好比 div。
4. #leaks 泄露的 HTML 節點，好比 div。

 

Fiddler：

　　Fiddler是最強大最好用的Web調試工具之一，它能記錄全部客戶端和服務器的http和https請求，容許你監視，設置斷點，甚至修改輸入輸出數據。對於前端最實用的一個地方就是當咱們調試線上腳本時須要看效果，這時候就可使用fiddler來作代理。Fiddler是我最經常使用的前端數據分析工具，後期將會專門來介紹他的功能。

 

 

 

wireshark：

　　Wireshark是世界上最流行的網絡分析工具。這個強大的工具能夠捕捉網絡中的數據，併爲用戶提供關於網絡和上層協議的各類信息。與不少其餘網絡工具同樣，Wireshark也使用pcap network library來進行封包捕捉。

使用方法：