此次，我所要與大家分享的是利用Chrome工具進行前端js調試，也就是我們在程序中所說的debug（這個方法是我一個朋友和我分享的，我拿來跟大家一起分享）。
- 必備工具：Chrome瀏覽器， js開發環境。
- 在Chrome瀏覽器中運行你的web工程，打開“開發者模式”（右鍵選擇檢查或者按“F12“”）。打開你的sources選項，找到你所要調試的js文件。
- 在你想要調試的地方單擊插入斷點，成功之后大家也會發現有一個像路標一樣的在所在的行上，這樣就是顯示插入成功了，另外在右邊你也可以看見“Breakpoints”選項下也能看見斷點的具體信息，在多少行插入的都有顯示的，注意：對勾代表不忽略斷點，如果對勾去掉，則斷點不起作用。
- 當你進行調試的時候，會出現這樣的頁面。表面你插入的斷點已經起到了作用。我就來講講頁面上顯示的兩個按鈕的作用。左邊的按鈕代表釋放斷點，如果釋放之后，表示此次調試結束。右邊的按鈕，代表從你當前插入斷點的地方，繼續往下執行，你點擊一下，程序便向下執行一行，直至程序結束就會停止。而且執行的時候，你能夠看見js中的變量值以及值的改變情況，進而可以判斷程序在哪里執行出現了問題，最終解決問題。
- 最后在出現調試的頁面情況下，右邊也有很多選項。這里我就不一一說了，希望大家去探索，總的有些需要自己去尋找，這樣才能得到更多。
切記：如果沒有出現調試程序，說明你的操作沒有進入你所插入的斷點。