您好,登錄后才能下訂單哦!
基于JavaScript 的調試程序JSDebugger是怎樣的,相信很多沒有經驗的人對此束手無策,為此本文總結了問題出現的原因和解決方法,通過這篇文章希望你能解決這個問題。
jsDebugger基于JavaScript的調試程序,用于檢查應用的運行狀態。jsDebugger是一個運行時檢查工具,您可以深入了解應用程序的詳細信息或動態更改應用程序邏輯。斷點調試其實并不是多么復雜的一件事,簡單的理解無外呼就是打開瀏覽器,打開sources找到js文件,在行號上點一下罷了。操作起來似乎很簡單,其實很多人糾結的是,是在哪里打斷點?
jsDebugger在哪里打斷點
用chrome瀏覽器打開頁面→按f12打開開發者工具→打開Sources→打開你要調試的js代碼文件→在行號上單擊一下,OK!恭喜你的處女斷點打上了,哈哈~~
jsDebugge斷點怎么打才合適?
打斷點操作很簡單,核心的問題在于,斷點怎么打才能夠排查出代碼的問題所在呢?下面我繼續舉個例子方便大家理解。
假設我們現在正在實現一個加載更多的功能,如上圖,但是現在加載更多功能出現了問題,點擊以后數據沒有加載出來,這時候我們第一時間想到的應該是啥?(換一行寫答案,大家可以看看自己的第一反應是啥)
我最先想到的是,我點擊到底有沒有成功?點擊事件里的方法有沒有運行?好,要想知道這個問題的答案,我們立馬去打個斷點試試看,斷點打在哪?自己先琢磨一下。
各位想到沒?沒錯,既然想知道點擊是否成功,我們當然是在代碼中的點擊事件處添加一個斷點,切記不要添加在226行哦,因為被執行的是click方法內的函數,而不是226行的選擇器。斷點現在已經打上了,然后做什么呢?自己再琢磨琢磨~
繼續正題,上面的圖就是點擊加載更多按鈕后的情況,我們可以看到左側的頁面被一個半透明的層給蓋住了,頁面上方還有一串英文和兩個按鈕,右側代碼227行被添加上了背景色,出現這個情況,先不管那些按鈕英文是啥意思有啥作用,你從這個圖得到了什么信息?繼續琢磨琢磨~
如果出現了上圖這個情況,說明一點,click事件中的函數被調用了,進一步說明了點擊事件生效。那么我們對于這個問題產生的第一個“犯罪嫌疑人”就被排除了。
看完上述內容,你們掌握基于JavaScript 的調試程序JSDebugger是怎樣的的方法了嗎?如果還想學到更多技能或想了解更多相關內容,歡迎關注億速云行業資訊頻道,感謝各位的閱讀!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。