對於網頁代碼的調試方法

一般來說代碼出現錯誤是非常讓人頭禿的一件事。那麼針對網頁的編程我們來說一下怎樣去調試我們的代碼。
一般來說有3種方法可以供我們去調試我們的代碼哦~

  1. 使用調試語句來進行調試
    所謂調試語句就是一些簡單的顯示語句,比如
alert("------");

可以進行調試找出錯誤位置,
具體行爲就是在大致錯誤的區域進行添加調試語句,如果語句可以運行並且顯示就代表着調試語句之前的代碼都沒有出錯,(反之就是代表着前面的代碼中出現錯誤)在錯誤代碼重複此步驟即可找到錯誤代碼位置了。

2.可以使用瀏覽器自帶的檢查工具進行調試
方法是首先在瀏覽器 中執行代碼,如果出現錯誤,鼠標右鍵點擊選區最下方的***檢查***就可以打開開發者工具欄了(或者谷歌瀏覽器可以直接F12進入調試界面)。進入到console組件界面,如圖:
這裏寫圖片描述
如果代碼有編輯錯誤,會顯示具體哪一行出錯,點擊錯誤提示就可以進入到組件代碼顯示。

3.使用開發者工具的sours組件界面進行調試
主要用在consol不報錯的未知錯誤,相比於前兩種方法更高大上了哈哈~
主要就是點擊文件夾在sours組件界面打開代碼,然後可以通過點擊代碼的行數來控制運行停止位置。如圖:
這裏寫圖片描述
表示我可以讓代碼運行到第18行停止,然後你可以結合前兩種方法對代碼進行調試。
好了,調試除了方法,更重要的是耐心啦實在自己調試不出來的的時候可以讓你的小夥伴來幫忙哦

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章