首頁  >  文章  >  web前端  >  javascript未知錯誤怎麼查

javascript未知錯誤怎麼查

藏色散人
藏色散人原創
2021-06-30 10:28:163400瀏覽

javascript未知錯誤的查找方法:先執行javascript頁面;然後點擊瀏覽器的設定圖標,並在「更多工具」裡找到「開發者工具」;最後開啟工具,刷新頁面,即可在控制台上看到錯誤訊息。

javascript未知錯誤怎麼查

本文操作環境:windows7系統、Google87.0&&javascript1.8.5版、Dell G3電腦。

javascript未知錯誤怎麼查?

先寫測試程式碼,腳本很簡單,只是在頁面上顯示a b的結果。

javascript未知錯誤怎麼查

執行頁面,在頁面上可以看到輸出了正確的結果。

javascript未知錯誤怎麼查

但如果我們手誤,把a b的程式碼,寫在a bb,如圖

javascript未知錯誤怎麼查

運行頁面,頁面沒顯示正確的數據,但也沒有報錯,沒有影響頁面的運作。

javascript未知錯誤怎麼查

為了找出這個潛在的錯誤,我們可以利用瀏覽器的開發者工具。

點擊瀏覽器的設定圖標,然後在'更多工具'裡找到'開發者工具'(Chrome瀏覽器)

(按快捷鍵F12或其他快捷鍵,不同瀏覽器,不同系統,快捷鍵不一樣)

javascript未知錯誤怎麼查

開啟工具後,刷新頁面,可以在控制台上看到了紅色的錯誤,就是提示我們變數bb沒有定義。

javascript未知錯誤怎麼查

還可以在偵錯頁面(source)裡,點選啟動這個按鈕,就是有遇到例外時會進入中斷。

javascript未知錯誤怎麼查

啟動後,刷新頁面,可以看到,立即進入了中斷,這個更容易幫我們找到是哪裡出的錯。

javascript未知錯誤怎麼查

【相關推薦:javascript進階教學

以上是javascript未知錯誤怎麼查的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn