Chome调试

Breakpoints(断点)

断点是调试器会自动暂停 JavaScript 执行的地方。

当代码被暂停时,我们可以检查当前的变量、在控制台执行命令等等。换句话说,我们可以调试它。

我们总是可以在右侧的面板中找到断点的列表。当我们在数个文件中有许多断点时,这是非常有用的。

  • 快速跳转至代码中的断点(通过点击右侧面板中的对应的断点)。
  • 通过取消选中来临时禁用。
  • 通过右键单击和选择移除来删除一个断点。
  • 等等。
条件断点

在行号上右键单击允许你创建一个条件断点。只有当给定的条件为真(即满足条件)时才会被触发。

当我们在特定的变量值或参数的情况下需要停止程序执行时,这种调试方法就很有用了。

Debugger 命令

我们也可以使用 debugger 命令来暂停代码,像这样:

function hello(name) {
  let phrase = `Hello, ${name}!`;

  debugger;  // <-- 调试器会在这停止

  say(phrase);
}

  当我们在一个代码编辑器中并且不想切换到浏览器在开发者工具中查找脚本来设置断点时,这真的是非常方便啦。

posted @ 2019-08-08 10:38  C_XingM  阅读(113)  评论(0)    收藏  举报