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