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