在chrome中斷點調試
下面是谷歌官網(wǎng)關于斷點調試的示例，頁面上寫兩個數(shù)，然后兩個數(shù)相加求和，結果有問題，通過斷點的方式來查找解決問題
源代碼(Sources)選項卡
1：表示我們整個頁面所加載出來的資源，包括jS，包括CSS，包括頁面，包括圖片，全在這里邊；top表示我們整個頁面，整個頁面下它加載了一些資源；googlechrome.github.io表示資源所在的域，域下邊是資源的文件結構。
2：顯示這個資源的內容。
3：展示的是斷點信息
4：當代碼運行到斷點位置的時候，展示它目前所能使用的所有的局部變量以及全局變量，以及壁包產(chǎn)生的東西。
開始調試
根據(jù)觀察我們發(fā)會發(fā)現(xiàn)，這個錯誤是我點擊了這個按鈕之后產(chǎn)生的
按如上圖1~4步定位到按鈕的點擊事件。
在這個函數(shù)第一句代碼打上一個斷點，再點擊求和按鈕，程序會停在第一句話。
上面這個按鈕表示：執(zhí)行完這一行代碼，把這一行代碼全部執(zhí)行完，跳到下一行代碼；
上面這個按鈕表示：一步步看每行代碼詳細執(zhí)行過程；
上面這個按鈕表示：把這個函數(shù)立即執(zhí)行完，回到上層調用；
上面這個按鈕表示：恢復運行，直到遇到下一個斷點，如果說沒有遇到斷點，那就運行結束。
