精华内容
下载资源
问答
  • chrome 断点

    2017-12-17 10:37:02
    概述何时使用每个断点类型 行断点 代码中的行断点 条件断点 管理行断点 DOM更改断点 DOM变化断点的类型 XHR断点 事件监听器断点 异常断点 方法断点 确保目标函数在范围内概述使用断点来暂停JavaScript代码。本指南...

    官方文档

    概述

    使用断点来暂停JavaScript代码。本指南解释了DevTools中可用的每种类型的断点,以及何时使用以及如何设置每种类型。


    概述何时使用每个断点类型

    最着名的断点类型是代码行。但是,如果您不知道在哪里查找,或者您正在处理大型代码库,则可能无法设置代码行断点。通过知道如何以及何时使用其他类型的断点,您可以节省调试时间。

    断点类型当您想要暂停时使用此…
    行断点在一个确切的代码区域。
    条件断点在一个确切的代码区域,但只有在其他条件成立的情况下。
    DOM更改断点在更改或删除特定DOM节点或其子项的代码上。
    XHR当一个XHR URL包含一个字符串模式。
    事件监听器在事件之后运行的代码,例如 click 被触发。
    异常在引发捕获或未捕获异常的代码行上。
    方法每当一个特定的方法被调用。

    行断点

    当您知道需要调查的代码的确切区域时,请使用行断点。在执行这行代码之前,DevTools 总是暂停。
    在DevTools中设置行断点:

    1. 点击Sources选项卡。
    2. 打开包含要打破的代码行的文件。
    3. 找到代码行。
    4. 行号的左边是行号列。点击它。一个蓝色的图标显示在行号。
      行断点
      图1:第29行设置的行断点

    代码中的行断点

    debugger从你的代码中调用来暂停这一行。这相当于一行代码断点,除了断点是在您的代码中设置的,而不是在DevTools UI中设置的。

    console.log('a');
    console.log('b');
    debugger;
    console.log('c');

    条件断点

    当您知道需要调查的代码的确切区域时,使用有条件的代码行断点,但只有在其他条件成立时才想暂停。

    要设置条件的一行代码断点:

    1. 点击Sources选项卡。
    2. 打开包含要打断点的代码行的文件。
    3. 找到代码的行。
    4. 行号的左边是行号列。用鼠标右键单击它。
    5. 选择添加条件断点。代码行下面会显示一个对话框。
    6. 在对话框中输入你的条件。
    7. 按Enter激活断点。行号列上出现橙色图标。

    有条件的一行代码断点
    图2:在第32行设置的条件的一行代码断点

    管理行断点

    使用“ 断点”窗格从一个位置禁用或删除一行代码断点。
    断点窗格
    图3:断点窗格显示了两行代码断点:一行在第15行get-started.js,另一行在第32行
    - 选中条目旁边的复选框以禁用该断点。
    - 用鼠标右键单击一个条目以删除该断点。
    - 在“ 断点”窗格中的任意位置单击鼠标右键以停用所有断点,禁用所有断点或删除所有断点。禁用所有断点相当于取消选中每个断点。取消激活所有断点指示DevTools忽略所有的代码行断点,但也要保持它们的启用状态,以便它们在重新激活时处于和以前相同的状态。
    在“断点”窗格中取消激活的断点
    图4:“ 断点”窗格中的禁用断点被禁用并且是透明的


    DOM更改断点

    当您想要更改DOM节点或其子节点的代码时,使用DOM更改断点。

    要设置DOM更改断点:

    1. 单击元素选项卡。
    2. 去你想要设置断点的元素。
    3. 用鼠标右键单击该元素。
    4. 将鼠标悬停在Break上,然后选择Subtree修改,属性修改或节点删除。

    用于创建DOM更改断点的上下文菜单
    图5:用于创建DOM更改断点的上下文菜单

    DOM变化断点的类型

    • 子树修改。当当前选定的节点的孩子被删除或添加,或者孩子的内容被改变时触发。未触发子节点属性更改或对当前选定节点的任何更改。
    • 属性修改:在当前选定的节点上添加或删除属性或属性值更改时触发。
    • 节点删除:当当前选择的节点被删除时触发。

    XHR断点

    当XHR的请求URL包含指定的字符串时,如果要中断,请使用XHR断点。DevTools暂停在XHR调用的代码行上send()
    注意:此功能也适用于提取请求。

    设置XHR断点:

    1. 点击Sources选项卡。
    2. 展开XHR断点窗格。
    3. 点击添加断点。
    4. 输入你想打破的字符串。当这个字符串出现在XHR请求URL的任何地方时,DevTools会暂停。
    5. 按Enter确认。

    创建一个XHR断点
    图6:在创建XHR断点XHR断点 为包含任何请求org的URL


    事件监听器断点

    当您想要暂停事件侦听器代码时,使用事件侦听器断点。您可以选择特定事件,例如事件click类别,例如所有的鼠标事件。

    1. 点击Sources选项卡。
    2. 展开“ 事件侦听器断点”窗格。DevTools显示事件类别的列表,例如动画。
    3. 选中这些类别中的一个可以暂停该类别的任何事件,或者展开类别并检查特定事件。

    创建一个事件监听器断点
    图7:创建一个事件监听器断点 deviceorientation


    异常断点

    当您想暂停引发捕获或未捕获异常的代码行时,使用异常断点。

    1. 点击Sources选项卡。
    2. 点击 暂停异常。启用后变成蓝色。
    3. (可选)如果除了未捕获的异常外,还需要暂停捕获的异常,请选中“ 捕获异常时暂停”复选框。

    暂停未捕获的异常
    图7:暂停未捕获的异常


    方法断点

    调用debug(functionName)functionName当你想暂停一个特定的函数被调用时,你想调试的函数在哪里。您可以插入debug()代码(如console.log()声明)或从DevTools控制台调用它。debug()等同于在函数的第一行设置 一行代码断点。

    function sum(a, b) {
      let result = a + b; // DevTools pauses on this line.
      return result;
    }
    debug(sum); // Pass the function object, not a string.
    sum();

    确保目标函数在范围内

    如果您要调试的函数不在作用域中,DevTools会抛出一个ReferenceError

    (function () {
      function hey() {
        console.log('hey');
      }
      function yo() {
        console.log('yo');
      }
      debug(yo); // This works.
      yo();
    })();
    debug(hey); // This doesn't work. hey() is out of scope.

    如果您debug()从DevTools控制台调用,确保目标函数在范围内可能会非常棘手。这是一个策略:

    1. 在功能范围的某处设置一行代码断点。
    2. 触发断点。
    3. debug()在代码行断点处仍然暂停代码时调用DevTools控制台。
    展开全文
  • Eclipse 断点调试

    2013-05-12 16:07:30
    声明:本文为转载内容,原创作者不可考,但仍在此表达谢意和敬意! 1、 条件断点 断点大家都比较熟悉,在Eclipse Java 编辑区的行头双击就会得到一个断点,代码会运行到此处时停止。 条件断点,顾名思义就是...

    声明:本文为转载内容,原创作者不可考,但仍在此表达谢意和敬意!

    1、 条件断点

    断点大家都比较熟悉,在Eclipse Java 编辑区的行头双击就会得到一个断点,代码会运行到此处时停止。

    条件断点,顾名思义就是一个有一定条件的断点,只有满足了用户设置的条件,代码才会在运行到断点处时停止。

    在断点处点击鼠标右键,选择最后一个"Breakpoint Properties"

    断点的属性界面及各个选项的意思如下图,

    2、 变量断点

    断点不仅能打在语句上,变量也可以接受断点,

    上图就是一个变量的打的断点,在变量的值初始化,或是变量值改变时可以停止,当然变量断点上也是可以加条件的,和上面的介绍的条件断点的设置是一样的。

    3、 方法断点

    方法断点就是将断点打在方法的入口处,

    方法断点的特别之处在于它可以打在 JDK的源码里,由于 JDK 在编译时去掉了调试信息,所以普通断点是不能打到里面的,但是方法断点却可以,可以通过这种方法查看方法的调用栈。

    4、 改变变量值

    代码停在了断点处,但是传过来的值不正确,如何修改一下变量值保证代码继续走正确的流程,或是说有一个异常分支老是进不去,能不能调试时改一下条件,看一下异常分支代码是否正确?

    在Debug 视图的 Variables 小窗口中,我们可以看到 mDestJarName 变量的值为 "F:\Study\eclipsepro\JarDir\jarHelp.jar "

    我们可以在变量上右键,选择"Change Value..." 在弹出的对话框中修改变量的值,

    或是在下面的值查看窗口中修改,保用Ctr+S 保存后,变量值就会变成修改后的新值了。

    5、 重新调试

    这种调试的回退不是万能的,只能在当前线程的栈帧中回退,也就说最多只能退回到当前线程的调用的开始处。

    回退时,请在需要回退的线程方法上点右键,选择 "Drop to Frame"

    6、 远程调试

    用于调试不在本机上的程序,有两种方式,

    1、本机作为客户端

    2、本机作为服务端

    使用远程调试的前提是服务器端和客户端的代码是一致的。

    本机作为客户端

    本机作客户端比较常用,需要在远端的服务器上的java程序在启动时打开远程调试开关,

    服务器端需要加上虚拟机参数

    1.5以前版本(1.5以后也可用):【-Xdebug -Xrunjdwp:transport=dt_socket,server=y,address=8000 】

    1.5及以上版本:【 -agentlib:jdwp=transport=dt_socket,server=y,address=8000】

    F:\Study\eclipsepro\screensnap>java -Xdebug -Xrunjdwp:transport=dt_socket,server=y,address=8000 -jar screensnap3.jar

    连接时远程服务器时,需要在Eclipse中新建一个远程调试程序

    这里有一个小地方需注意,连接上的时候貌似不能自动切换到Debug视图,不要以为本机的调试程序没有连接到服务器端。

    本机作为服务端

    同本机作为客户端相比,只需要修改一下“Connection Type”

    这时Eclipse会进入到等待连接的状态

    连接程序使用如下参数即可连接本机服务器,IP地址请用实现IP替换~~

    【-agentlib:jdwp=transport=dt_socket,suspend=y,address=127.0.0.1:8000】

    F:\Study\eclipsepro\screensnap>java -agentlib:jdwp=transport=dt_socket,suspend=y,address=127.0.0.1:8000 -jar screensnap3.jar

    远程调试时本地的代码修改可同步到远程,但不会写到远程的文件里,也就是说本地修改会在下次启动远程程序时就没有了,不会影响到下次使用时的远程代码。

    有关远程调试更详细点的介绍请参考【使用 Eclipse 远程调试 Java 应用程序】

    好像漏了一个断点,异常断点,补一下。

    7、异常断点

    经常遇见一些异常,然后程序就退出来了,要找到异常发生的地方就比较难了,还好可以打一个异常断点,

    上图中我们增加了一个NullPointException的异常断点,当异常发生时,代码会停在异常发生处,定位问题时应该比较有帮助

    展开全文
  • 函数断点

    2013-10-12 16:30:00
    本篇博客是VisualStudio断点调试系列文章的一部分,在本篇文章里,我们将展示函数断点在VS中的怎么样为你节省时间的特性。 处理重载 你想调试一个指定的函数,但是这个函数有一些重载。一个选择是找到所有的重载并...

    本篇博客是VisualStudio断点调试系列文章的一部分,在本篇文章里,我们将展示函数断点在VS中的怎么样为你节省时间的特性。

    处理重载

    你想调试一个指定的函数,但是这个函数有一些重载。一个选择是找到所有的重载并分别设置断点。

    如果有很多重载,那么会非常消耗时间。另外一个选择是使用函数断点。

    在我们的例子里(with code available to download),你想停在函数IsPrime()上,它有2个重载。

    首先我们要去断点窗口里Debug->Windows->Breakpoints 创建一个断点,点击“new”

    clip_image002

    然后点击 “Break at Function…” 呼出一个新断点对话框。 你可能注意到也可以用快捷键Ctrl+B.

    clip_image003

    输入函数名“IsPrime” 然后点OK。这样它将会把我们带到新的对话框,这里有所有匹配的方法函数,我们可以快速的选择。可以通过点击All按钮来全选。clip_image004

    现在我运行程序,可以命中这个断点在这个版本的调用的 IsPrime函数 。

    clip_image005

    当源代码不能立即用

    函数断点另外一种有用小窍门是设置断点在不是现成的代码里。下面举个例子,我们用C++实现(available for download)。这个例子使用ATL然后我们想debug ATL代密码看看他们怎么工作。而ATL代码可以用,你不可能在你的IDE里打开它。即时你是这么做了,你大概需要一段去找在哪设置断点。

    你可以通过使用函数断点节省你一些时间。在这个例子里,我用CComPtr 与对象CObject1。设置断点在ATL里我用的函数上。同上呼出这个断点窗口。

    clip_image006

    如果我输入ATL::CComPtrBase<CObject1>::Attach函数名,我将设置断点在这个函数上。我也可以选择用通配符输入ATL::CComPtrBase<CObject1>::*来设置断点在所有匹配的函数上。当我这样做之后,这些断点出现在断点窗口,有三个。

    clip_image008

    现在我运行程序,我将会停在这些断点处,VS会把我带到正确的源代码位置上。

    clip_image010

      NativeBreakpointsSample.zip

    转载于:https://www.cnblogs.com/allanxyq/p/3365508.html

    展开全文
  • ` 中,定义断点 metaquery 一种声明性响应的网页设计语法。 在 <meta> 中定义的断点,你可以定义媒体查询断点一次,一次只能定义一次。( 演示插件)- 由 @benschwarz正在启动通过 Bower bower
  • 这是作者网络安全自学教程系列,主要是关于安全工具和实践操作的在线笔记,特分享出来与...这篇文章将讲解逆向分析之OllyDbg动态调试工具,包括INT3断点、反调试、硬件断点和内存断点。基础性文章,希望对您有所帮助。

    这是作者网络安全自学教程系列,主要是关于安全工具和实践操作的在线笔记,特分享出来与博友们学习,希望您喜欢,一起进步。前文分享了Vulnhub靶机渗透题目bulldog,包括信息收集及目录扫描、源码解读及系统登陆、命令注入和shell反弹、权限提升和获取flag。这篇文章将讲解逆向分析之OllyDbg动态调试工具,包括INT3断点、反调试、硬件断点和内存断点。基础性文章,希望对您有所帮助。
    同时建议先看前一篇文章:逆向分析之OllyDbg动态调试工具(一)基础入门及TraceMe案例分析

    作者作为网络安全的小白,分享一些自学基础教程给大家,主要是关于安全工具和实践操作的在线笔记,希望您们喜欢。同时,更希望您能与我一起操作和进步,后续将深入学习网络安全和系统安全知识并分享相关实验。总之,希望该系列文章对博友有所帮助,写文不易,大神们不喜勿喷,谢谢!如果文章对您有帮助,将是我创作的最大动力,点赞、评论、私聊均可,一起加油喔~

    展开全文
  • 使用Vue以移动优先的方式定义断点并以语义和声明方式构建响应式设计。 _与vue: ^2.xx _ 演示: 目录 安装 使用NPM npm install vue-mq 使用纱线 yarn add vue-mq 用法 1.安装插件 通过传递breakpoints选项定义您...
  • vs 断点调试

    千次阅读 2015-02-09 17:50:11
    VS断点调试 2013-02-28 16:15 236人阅读 评论(0) 收藏 举报 引自http://blog.csdn.net/yizhu2000/archive/2007/08/03/1725008.aspx 下面有从浅入深的6个问题,您可以尝试回答一下 一个如下的语句for (int i ...
  • Debug断点调试详解

    千次阅读 2021-04-11 09:06:37
    Debug断点调试功能 文章目录Debug断点调试功能一、断点简介二、Debug控制面板三、Debug按钮的使用1. 跳转到当前Debug所在行2. 步过3. 步入4. 强制步入5. 步出6. 回退断点7. 运行到光标处8. 计算表达式9. 其余按钮...
  • 断点能通过,不加断点出错的问题 程序中存在线程函数,线程函数中的引用变量为当前文件头文件声明的全局变量,会出问题。 将变量声明在app类中可解决这一问题。
  • pycharm断点调试

    2020-09-08 17:00:37
    1. 断点调试 断点调试是程序编写过程中一个非常重要的步骤,对于简单的程序我们是可以使用print语句输出对应的结果结合自己的分析可以比较快速知道程序出现的错误在哪里,但是一旦程序复杂起来之后,比如函数和变量...
  • HTTP 断点续传(分块传输)

    万次阅读 多人点赞 2016-11-21 14:19:23
    断点续传:指的是在上传/下载时,将任务(一个文件或压缩包)人为的划分为几个部分,每一个部分采用一个线程进行上传/下载,如果碰到网络故障,可以从已经上传/下载的部分开始继续上传/下载完成的部分,而没有必要...
  • QT断点调试

    千次阅读 2019-07-08 16:04:40
    因为函数头只是一个声明,没什么实际的东西,因此我们看到debug后断点和箭头会直接跳转到了函数内的第一条语句,然后下面我门要知道两个按钮: F10: 单步跳过,对于单个语句来说它会执行,然后跳转到下一条语句...
  • 这篇文章将讲解逆向分析之OllyDbg动态调试工具,包括INT3断点、反调试、硬件断点和内存断点。 这些基础性知识不仅和系统安全相关,同样与我们身边常用的软件、文档、操作系统紧密联系,希望这些知识对您有所帮助,更...
  • http range实现断点续传(断点续载)

    千次阅读 2017-02-10 12:04:02
    使用http range实现断点续传(服务器端):public void downRangeFile( File downloadFile, HttpServletResponse response, HttpServletRequest request) { InputStream inputStream =
  • VS条件断点学习总结

    千次阅读 2016-07-25 17:18:53
    HOW TO:在 Visual Studio .NET 中设置条件断点 本任务的内容 摘要 创建示例代码 创建无条件断点 创建条件函数断点 创建附加断点 更改断点属性 在调试模式下逐步调试代码 更改断点窗口输出 禁用并...
  • ABAP断点调试

    千次阅读 2017-01-20 17:30:01
    声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将追究法律责任!原文链接:...
  • 小技巧7-iOS 如何关闭所有断点、移除所有断点 选中第七个选项,然后选中项目,然后在空白地方单击右键, 根据弹出的选项选择关闭所有的断点(关闭后,断点会变成灰色,不起作用),或者删除所有的断点。 ...
  • 断点cssby David Gilbertson 大卫·吉尔伯森(David Gilbertson) 做CSS断点的100%正确方法 (The 100% correct way to do CSS breakpoints) For the next minute or so, I want you to forget about CSS. Forget ...
  • eclipse条件断点设置

    千次阅读 2015-05-07 15:08:55
    此处说明一下eclipse设置条件断点时需要注意的地方:即添加条件断点的变量必须是已经被声明过的 public class CaseTest { public static void main(String[] args) { //条件断点需要注意的是:必须是已经定义...
  • Android Studio断点调试

    2015-12-20 21:07:58
    此处要声明的是,本篇文章是从别人那里转过来的。希望作者可以不介意,毕竟好东西要大家一起共享嘛,哈哈。不如正题。 先编译好要调试的程序。 1.设置断点 选定要设置断点的代码行,在行号的区域后面...
  • eclipse断点调试快捷键

    千次阅读 2016-01-07 15:03:27
    (1)Ctrl+M --切换窗口的大小 (2)Ctrl+Q --跳到最后一次的编辑处 (3)F2 --当鼠标放在一个标记处出现Tooltip时候按F2则把鼠标移开时... F3 --跳到声明或定义的地方。 F5 --单步调试进入函数内部。
  • Debug-Eclipse断点调试

    千次阅读 2016-06-12 12:53:54
    1、设置断点 2、启动servers端的debug模式 3、运行程序,在后台遇到断点时,进入debug调试状态 ============================= 作用域 功能 快捷键 全局 单步返回 F7 全局 单步跳过 F6 全局 单步跳入 ...
  • FlinkX断点续传原理

    2020-05-26 22:27:48
    声明: 前半部分官方文档+贴实现代码 前提条件 同步任务要支持断点续传,对数据源有一些强制性的要求: 数据源(这里特指关系数据库)中必须包含一个升序的字段,比如主键或者日期类型的字段,同步过程中会使用...
  • Keil调试笔记:断点命令

    千次阅读 2020-02-08 22:37:29
    如何你对单纯的通过硬件断点、在内存窗口和观察窗口下调试代码不满意的话,可以尝试一下中断命令,你可以设置进入中断的“条件”。这个“条件”可以是执行多少次后才出发中断,读写某个内存地址或地址范围时触发中断...
  • VS断点调试

    2013-02-28 16:15:59
    下面有从浅入深的6个问题,您可以尝试回答一下 ...在一个1000次的循环体内部设置断点,你希望当循环进行到900次后中断,怎么才能做到呢? 你有一个表达式在上面循环的某一次发生了变化,你想知道是哪一次,
  • delphi初级教程之delphi断点调试一

    万次阅读 2013-03-14 20:40:59
    所谓断点,就是在程序代码的某一行上设置一个标记,程序执行到这里将暂停,由调 试器接管对程序的控制。使用断点与使用【Runto Cursor】命令有些相似,都是执行到某 一行后暂停。不同的是,程序中可以设置多个断点...
  • PHP xdebug 断点调试

    万次阅读 2018-08-25 20:41:52
    phpstorm配置xdebug支持 ... postman添加cookie,支持断点调试 php.ini添加xdebug模块 在php.ini文件添加xdebug配置参数 [xdebug] zend_extension ="D:/wamp64/bin/php/php7.0.23/zend_...
  • IDEA变量断点设置方式

    千次阅读 2018-03-15 19:55:34
    最常见的断点方式是 行断点,而有时候我们需要在debug的时候,当一个变量的值发生变化时,程序中断,这样就需要 变量断点这种方式的断点了。 但是查了下中文的资料,发现并没有相关的文中讲IDEA如何设置变量断点,...
  • 声明,没有做多线程切分大文件上传(这个实现也简单,切割下多启动几个线程同时上传),只是通过委托代理+启动子线程执行上传下载含断点续传操作:对ftpClient提供的类进行优化修改!代码大多数注释了文字,非常适合...
  • IDB调试的时候,设置断点。 break 20 if i==5 断点总是打在函数前面变量声明的地方,打不到循环里

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 59,557
精华内容 23,822
关键字:

未声明的断点