在JS代碼中打斷點方式
更新時間：2026年06月03日 09:30:03 作者：小大宇
在JavaScript代碼中使用`debugger`關(guān)鍵字進行斷點調(diào)試,通過瀏覽器開發(fā)者工具執(zhí)行代碼直至斷點點,利用工具按鈕進行代碼調(diào)試與查看變量值
在JS代碼中打斷點
第一步
在你的JS代碼里面加上debugger，像下面展示的那樣。
var $standardmoneynameType = $('#standardmoneyname').combobox({
panelHeight: 'auto', valueField: 'id', prompt: CLIENT_COMMON_I18N.lab_please_select,
textField: 'name', editable: false,
onSelect: function (rec) {
debugger;
var faultsymbolid;然后在瀏覽器上按F12開啟開發(fā)人員工具。
再次執(zhí)行JS代碼，到這個點的時候就會被斷掉，系統(tǒng)會彈出下面的彈窗。
上圖中有兩個按鈕，第一個藍色的按鈕
是跳到下一個debugger處。右邊一個灰色按鈕是執(zhí)行下一句JS代碼。
如果想查看屬性的值就把鼠標(biāo)懸上去。
也可以在F12的JS代碼上再次打斷點，鼠標(biāo)左擊一下彈窗就好了。
如下圖最左邊第27行與第38行?？梢杂?img alt="" height="60" src="http://img.jbzj.com/file_images/article/202606/2026060309320697.png" width="33" /> 按鈕 快速到達下方斷點。
建議多打幾個斷點
如果進入JQuery等JS框架的代碼中。
解決辦法
是用直接強行跳到下一個斷點。
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
Three.js?3D圖形開發(fā)超詳細實戰(zhàn)指南
three.js是一個基于WebGL的JavaScript 3D庫,它封裝了WebGL API,為開發(fā)者提供了簡單易用的API,以便在Web瀏覽器中展示3D圖形,這篇文章主要介紹了Three.js?3D圖形開發(fā)超的相關(guān)資料,需要的朋友可以參考下2025-09-09
JS 在指定數(shù)組中隨機取出N個不重復(fù)的數(shù)據(jù)
這篇文章主要介紹了JS 在指定數(shù)組中隨機取出N個不重復(fù)數(shù)據(jù)的方法,需要的朋友可以參考下2014-06-06
這篇文章主要為大家詳細介紹了基于Javascript倒計時效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
詳解JSONObject和JSONArray區(qū)別及基本用法
這篇文章主要介紹了詳解JSONObject和JSONArray區(qū)別及基本用法,需要的朋友可以參考下2017-10-10
使用JavaScript實現(xiàn)記住密碼功能詳細代碼示例
這篇文章主要給大家介紹了關(guān)于使用JavaScript實現(xiàn)記住密碼功能的相關(guān)資料,文中通過示例講解了使用Cookie和LocalStorage實現(xiàn)登錄記住密碼功能的兩種方法,需要的朋友可以參考下2025-05-05
最近在項目需求中遇到之前沒有做過的功能,下面這篇文章主要給大家介紹了關(guān)于JS實用案例之輸入智能提示,文中通過實例代碼介紹的非常詳細,打字機輸出效果的相關(guān)資料,需要的朋友可以參考下2023-01-01
文章介紹了傳統(tǒng)接口模式與AI項目需求不符的問題,提出了流式模式和回調(diào)函數(shù)模式來解決,本文通過實例代碼給大家介紹的非常詳細,感興趣的朋友跟隨小編一起看看吧2026-04-04
想把小說復(fù)制下來慢慢看，卻發(fā)現(xiàn)復(fù)制到記事本里出現(xiàn)一大堆亂七八糟的東西，很是不爽。于是就想了個簡單的辦法把它干掉了。2010-09-09
今天小編就為大家分享一篇解決layui checkbox 提交多個值的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
Symbol是ES2015新引入的原始類型,用于創(chuàng)建對象的唯一屬性名,在TypeScript中,可以通過symbol和uniquesymbol類型來確保對象屬性的唯一性,uniquesymbol表示具體的Symbol值,不可修改,適用于屬性名,類型推斷依據(jù)聲明方式和賦值決定類型2026-03-03