如何調(diào)試js代碼(如何調(diào)試js文件)
如何調(diào)試js代碼(如何調(diào)試js文件),這里主要說明一下運(yùn)行于瀏覽器上的JS腳本調(diào)試方式。如下面的代碼:
[-BEGIN-]
<script language=javascript>
function ok(){
alert(t);
}
</script>
<input onclick="ok()" type="button" value="OK" />
[-END-]
這個自定義函數(shù)由網(wǎng)頁上的一個按鈕來驅(qū)動,函數(shù)中有一處語法錯誤“alert(t)”(變量t未定義),這段代碼在低端的瀏覽器上運(yùn)行時,在瀏覽器狀態(tài)欄會有一個黃色的感嘆號,點(diǎn)擊可以查看問題。而一些新版的瀏覽器(如IE11)什么都不會顯示。這里我們以IE11為例來介紹一下如何調(diào)試,其它類型的瀏覽器也可這樣調(diào)試。
首先,我們需要將js代碼放置到靜態(tài)網(wǎng)頁中。打開瀏覽器,將需要調(diào)試的網(wǎng)頁拖到瀏覽器中,(提示”Internet Explorer已限制此網(wǎng)頁運(yùn)行腳本或Active控件“,單擊”允許阻止的內(nèi)容“按鈕)。按F12鍵,打開瀏覽器的腳本調(diào)試面板,切換到”調(diào)試程序“標(biāo)簽,然后執(zhí)行腳本,我們會看到報(bào)錯。如下圖:
上圖中給出了錯誤原因,并確定了錯誤所在的行,這樣我們就可以進(jìn)行檢查修改了。關(guān)于調(diào)試面板的其它功能,您自己可以熟悉一下。
關(guān)鍵詞:js