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