俗話說(shuō)得好，“工欲善其事，必先利其器。”，寫(xiě)JavaScript的時(shí)候，如果期望顯示ABC，結(jié)果卻顯示XYZ，到底代碼哪裡出了問(wèn)題？不要抓狂，也不要洩?dú)猓?dāng)小白，要堅(jiān)信：JavaScript本身沒(méi)有問(wèn)題，瀏覽器執(zhí)行也沒(méi)有問(wèn)題，有問(wèn)題的一定是我的程式碼。

如何找出問(wèn)題程式碼？這就需要調(diào)試。

怎麼在瀏覽器中調(diào)試JavaScript程式碼呢？

首先，你需要安裝Google Chrome瀏覽器，Chrome瀏覽器對(duì)開(kāi)發(fā)者非常友好，可以讓你方便地調(diào)試JavaScript程式碼。從這裡下載Chrome瀏覽器。打開(kāi)網(wǎng)頁(yè)出問(wèn)題的童鞋請(qǐng)移步國(guó)內(nèi)鏡像。

安裝後，隨便打開(kāi)一個(gè)網(wǎng)頁(yè)，然後點(diǎn)擊選單“查看(View)”-“開(kāi)發(fā)者(Developer)”-“開(kāi)發(fā)者工具(Developer Tools)”，瀏覽器視窗就會(huì)一分為二，下方就是開(kāi)發(fā)者工具：

先點(diǎn)選「控制臺(tái)(Console)“，在這個(gè)面板裡可以直接輸入JavaScript程式碼，按回車(chē)後執(zhí)行。

要查看一個(gè)變數(shù)的內(nèi)容，在Console中輸入console.log(a);，回車(chē)後顯示的值就是變數(shù)的內(nèi)容。

關(guān)閉Console請(qǐng)點(diǎn)選右上角的「×」按鈕。請(qǐng)熟練Console的使用方法，在編寫(xiě)JavaScript程式碼時(shí)，經(jīng)常需要在Console執(zhí)行測(cè)試程式碼。

如果你對(duì)自己還有更高的要求，可以研究開(kāi)發(fā)者工具的“源碼(Sources)”，掌握斷點(diǎn)、單步執(zhí)行等高級(jí)調(diào)試技巧。