寫在最前
這篇文章不是講網頁調試的步驟，只是記錄一些調試過程中能給我們帶來便利的技巧。主要是最近一直探究網頁版微信的協議，都是在實戰中得到的比較有用的技巧。
本文以谷歌瀏覽器爲例（F12）。
1、調試前做一些配置上的準備工作
（1）設置網頁跳轉時，已抓取的數據不被清除掉
很多網站登錄之後頁面會跳轉，如果沒有設置的話會導致登錄過程中抓取的數據被清空。
（2）清除舊的cookie和緩存
爲了後續的調試，不被之前的已登陸的賬戶的（緩存和cookie等）信息所影響，所以去都清除掉：
在那個區域點擊右鍵就可以看到如下菜單（在空白處點的話就沒那麼多其他選項）
2、分析過程中的一些有用的技巧
（1）view source和view parsed模式之間切換
在分析網頁提交內容，返回的值等過程中，request header，request post data，response header等信息中有view source和view parsed兩種模式，點擊即可切換，方便數據分析。
比如查看用URLEncode編碼之後的數據，通過view parsed可以知道”%2F”表示斜槓”/”。
view parsed模式：
view source模式：
當然，如果只是想看URL Encode編碼之後的數據，更方便的是使用View URL encoded
3、谷歌瀏覽器調試不足：
（1）沒有類似全文搜索功能
只能對抓取到的數據進行文件名匹配，無法對request headers或者是response headers中的值進行搜索
（2）無法自動換行
只能拖動滑塊進行查看，很不方便
（3）沒有javascript格式化功能
一般抓取到的js腳本都是雜亂的（如上圖），對我們的分析造成很大的困難，所以我們需要對js腳本格式化成易讀的格式。既然谷歌瀏覽器不支持，我們可以找一些在線javascript格式化的網站，如：
[JS/HTML格式化 - 站長工具]http://tool.chinaz.com/Tools/JsFormat.aspx