chrome 實用調試技巧

1.快捷鍵

提示：全部快捷鍵的操做鼠標都要放在調試窗口才會起做用(以下圖)，不然是另一種效果

ctrl+p：項目中定位文件

注意：鼠標焦點要放在調試窗口裏(只要在調試窗口就可，不管是在Elements下仍是在Console，Sources等的窗口下)，以下圖

ctrl+shift+o:定位成員函數

步驟：首先要找到要定位的js文件，點擊選中，而後使用快捷鍵ctrl+shift+o彈出搜索框，去搜索你想要定位的函數

eg：要定位test.js文件中的www()方法

步驟：首先找到test.js文件，而後讓她處於選中狀態，而後使用快捷鍵ctrl+shift+o彈出搜索框，輸入www()方法名，回車便可

圖一：定位js文件

圖二：快捷鍵彈出搜索框

圖三：輸入定爲函數名，按回車鍵進行定位

2.Snippets：隨時編寫js代碼，運行結果會打印到控制檯，代碼是全局保存的，在任何一個頁面均可以運行

Snippets所在的目錄：

eg：在jquery.html所在的頁面下建立一個Snippets文件，咱們切換到audio.html頁面下，會發現以前建立的Snippets文件存在，並能正常運行

圖一：在jquery.html文件下建立的Snippets文件

圖二：在audio.html文件下也能正常執行

3.copy命令：格式化拷貝，

eg：從後臺傳回來的數據，爲告終構良好，須要對數據進行格式化成json格式，這樣層次關係就很明瞭，查找起來更方便

步驟：

1.請求項"右鍵"選擇"Copy Response"拷貝響應內容

2.控制檯中輸入copy()命令，並把響應內容複製到命令中

3.回車獲得格式化的數據，而後ctrl+v命令複製到相應的文檔中

截圖以下：

圖一：響應內容所在位置

圖二：拷貝響應內容

圖三：輸入拷貝命令，並把響應內容複製到命令中

圖四：格式化數據

圖五：響應數據(格式化前的數據)，目的是與格式化數據作個對比