偵錯
俗話說得好,“工欲善其事,必先利其器?!?,寫JavaScript的時候,如果期望顯示ABC,結(jié)果卻顯示XYZ,到底代碼哪裡出了問題?不要抓狂,也不要洩氣,當(dāng)小白,要堅信:JavaScript本身沒有問題,瀏覽器執(zhí)行也沒有問題,有問題的一定是我的程式碼。
如何找出問題程式碼?這就需要調(diào)試。
怎麼在瀏覽器中調(diào)試JavaScript程式碼呢?
首先,你需要安裝Google Chrome瀏覽器,Chrome瀏覽器對開發(fā)者非常友好,可以讓你方便地調(diào)試JavaScript程式碼。從這裡下載Chrome瀏覽器。打開網(wǎng)頁出問題的童鞋請移步國內(nèi)鏡像。
安裝後,隨便打開一個網(wǎng)頁,然後點擊選單“查看(View)”-“開發(fā)者(Developer)”-“開發(fā)者工具(Developer Tools)”,瀏覽器視窗就會一分為二,下方就是開發(fā)者工具:
先點選「控制臺(Console)“,在這個面板裡可以直接輸入JavaScript程式碼,按回車後執(zhí)行。
要查看一個變數(shù)的內(nèi)容,在Console中輸入console.log(a);,回車後顯示的值就是變數(shù)的內(nèi)容。
關(guān)閉Console請點選右上角的「×」按鈕。請熟練Console的使用方法,在編寫JavaScript程式碼時,經(jīng)常需要在Console執(zhí)行測試程式碼。
如果你對自己還有更高的要求,可以研究開發(fā)者工具的“源碼(Sources)”,掌握斷點、單步執(zhí)行等高級調(diào)試技巧。