俗話(huà)說(shuō)得好，“工欲善其事，必先利其器。”，寫(xiě)JavaScript的時(shí)候，如果期望顯示ABC，結(jié)果卻顯示XYZ，到底代碼哪里出了問(wèn)題？不要抓狂，也不要泄氣，作為小白，要堅(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è)變量的內(nèi)容，在Console中輸入console.log(a);，回車(chē)后顯示的值就是變量的內(nèi)容。

關(guān)閉Console請(qǐng)點(diǎn)擊右上角的“×”按鈕。請(qǐng)熟練掌握Console的使用方法，在編寫(xiě)JavaScript代碼時(shí)，經(jīng)常需要在Console運(yùn)行測(cè)試代碼。

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