前端除錯Debug

2021-08-20 06:21:32 字數 563 閱讀 7648

前端頁面設定dubug

首先呢,在觸發檔案中新增debugger;

然後訪問頁面觸發這個js檔案中的函式方法,此時頁面會變灰,並且在f12的彈出框中,會預設開啟sources資源

這個時候,你可以看右邊的提示資訊

f10是一步一步執行,f8是一下執行完成

日常的除錯過程,可能會需要。

console.log(); alert();

這兩個除錯可能是頻率非常之高的前端除錯方法了吧。

可以設定在dom node發生變化時觸發斷點 

有時候你會發現dom不受你的控制,自己會發生一些奇怪的變化,讓你很難找出問題的根源。

谷歌瀏覽器的開發工具裡有乙個超級好用的功能,專門可以對付這種情況,叫做「break on…」,你在dom節點上右鍵,就能看到這個選單項。

斷點的觸發條件可以設定成這個節點被刪除、節點的屬性有任何變化,或它的某個子節點有變化發生。

軟體除錯 Debug

軟體除錯是在進行了成功的測試之後才開始的工作。它與軟體測試不同,除錯的任務是進一步診斷和改正程式中潛在的錯誤。除錯的主要任務有兩項 一項是確定程式中錯誤的確切性質和位置,二是對程式進行修改 排除錯誤。除錯的步驟如下 1 從錯誤的外部表現形式入手,確定程式中出錯位置 2 藥酒有關部分的程式,找出錯誤的...

軟體除錯 Debug

軟體除錯是在進行了成功的測試之後才開始的工作。它與軟體測試不同,除錯的任務是進一步診斷和改正程式中潛在的錯誤。除錯的主要任務有兩項 一項是確定程式中錯誤的確切性質和位置,二是對程式進行修改 排除錯誤。除錯的步驟如下 1 從錯誤的外部表現形式入手,確定程式中出錯位置 2 藥酒有關部分的程式,找出錯誤的...

DEBUG 記憶體洩露除錯

呼。又是一次痛苦的除錯經歷,趕緊記點心得吧。雖然是乙個很傻x的失誤,但是經歷的過程還是收穫蠻多的。開始之前,順便透露一下,關於shero,我已經決定做乙個單機開源rpg了,最遲在5月發布吧,最終效果相信不會令大家失望。好了,起因是這樣的,因為整合了cegui,介面基本搭好時,卻發現有嚴重的記憶體洩露...