chrome 開發者工具

chrome 開發工具中最有用的面板sources。

Sources 進行js斷電調試

Sources 功能面板是資源面板，主要分爲四個部分，

區域1， 它的功能有些相似於Resources面板，主要是顯示網頁加載的腳本文件： 如css，js 等 資源文件（它不包含cookie、img等靜態資源文件）。

在區域2 ，能夠自由切換標題，或者你能夠按快捷鍵ctrl+p 快速打開文件

ctrl+G   快速定位到文件某一行

ctrl+F 快速查找文本匹配到文件會被高亮

{ } 格式化代碼

F10 ： 跟着js執行的路徑一步步的走下去，

F11：若是你遇到一個函數包含着另一它的代碼執行貨到，個函數，那麼你能夠按F11進入到這個函數中去觀察

1： 中止斷點調試

2.不跳入函數中去，繼續執行下一行代碼(F10)

3.跳入函數中去（F11）

4.從執行函數中跳出

5.禁用全部的斷點，不作任何調製

六、程序運行是遇到異常時是否中斷的開關

下面文章詳細講解

http://www.cnblogs.com/constantince/p/4579121.html