脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → 在JS代码中打断点

在JS代码中打断点方式

 更新时间：2026年06月03日 09:30:03   作者：小大宇  
在JavaScript代码中使用`debugger`关键字进行断点调试,通过浏览器开发者工具执行代码直至断点点,利用工具按钮进行代码调试与查看变量值

在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开启开发人员工具。 

再次执行JS代码，到这个点的时候就会被断掉，系统会弹出下面的弹窗。

上图中有两个按钮，第一个蓝色的按钮是跳到下一个debugger处。右边一个灰色按钮是执行下一句JS代码。

如果想查看属性的值就把鼠标悬上去。

也可以在F12的JS代码上再次打断点，鼠标左击一下弹窗就好了。

如下图最左边第27行与第38行。可以用 按钮 快速到达下方断点。

建议多打几个断点

如果进入JQuery等JS框架的代码中。

解决办法

是用直接强行跳到下一个断点。

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • Three.js 3D图形开发超详细实战指南

    Three.js 3D图形开发超详细实战指南

    three.js是一个基于WebGL的JavaScript 3D库,它封装了WebGL API,为开发者提供了简单易用的API,以便在Web浏览器中展示3D图形,这篇文章主要介绍了Three.js 3D图形开发超的相关资料,需要的朋友可以参考下
    2025-09-09
  • JS 在指定数组中随机取出N个不重复的数据

    JS 在指定数组中随机取出N个不重复的数据

    这篇文章主要介绍了JS 在指定数组中随机取出N个不重复数据的方法,需要的朋友可以参考下
    2014-06-06
  • 基于Javascript倒计时效果

    基于Javascript倒计时效果

    这篇文章主要为大家详细介绍了基于Javascript倒计时效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-12-12
  • 详解JSONObject和JSONArray区别及基本用法

    详解JSONObject和JSONArray区别及基本用法

    这篇文章主要介绍了详解JSONObject和JSONArray区别及基本用法,需要的朋友可以参考下
    2017-10-10
  • 使用JavaScript实现记住密码功能详细代码示例

    使用JavaScript实现记住密码功能详细代码示例

    这篇文章主要给大家介绍了关于使用JavaScript实现记住密码功能的相关资料,文中通过示例讲解了使用Cookie和LocalStorage实现登录记住密码功能的两种方法,需要的朋友可以参考下
    2025-05-05
  • JS实用案例之输入智能提示(打字机输出效果)

    JS实用案例之输入智能提示(打字机输出效果)

    最近在项目需求中遇到之前没有做过的功能,下面这篇文章主要给大家介绍了关于JS实用案例之输入智能提示,文中通过实例代码介绍的非常详细,打字机输出效果的相关资料,需要的朋友可以参考下
    2023-01-01
  • JS流式模式输出函数模式使用详解

    JS流式模式输出函数模式使用详解

    文章介绍了传统接口模式与AI项目需求不符的问题,提出了流式模式和回调函数模式来解决,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧
    2026-04-04
  • 复制小说文本时出现的随机乱码的去除方法

    复制小说文本时出现的随机乱码的去除方法

    想把小说复制下来慢慢看，却发现复制到记事本里出现一大堆乱七八糟的东西，很是不爽。于是就想了个简单的办法把它干掉了。
    2010-09-09
  • 解决layui checkbox 提交多个值的问题

    解决layui checkbox 提交多个值的问题

    今天小编就为大家分享一篇解决layui checkbox 提交多个值的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • TypeScript中的symbol类型使用及说明

    TypeScript中的symbol类型使用及说明

    Symbol是ES2015新引入的原始类型,用于创建对象的唯一属性名,在TypeScript中,可以通过symbol和uniquesymbol类型来确保对象属性的唯一性,uniquesymbol表示具体的Symbol值,不可修改,适用于属性名,类型推断依据声明方式和赋值决定类型
    2026-03-03

最新评论