如何通过6种方法在JavaScript中设置长尾词断点？

本文共计1122个文字，预计阅读时间需要5分钟。

目录+前言+普通断点+条件断点+DOM断点+URL断点+Event Listener断点+异常断点+总结+前言+Debugger是前端开发非常重要的一个工具，它可以帮助我们在关心的代码处断住，通过单步运行来理清逻辑。

目录

• 前言
• 普通断点
• 条件断点
• DOM 断点
• URL 断点
• Event Listener 断点
• 异常断点
• 总结

前言

Debugger 是前端开发很重要的一个工具，它可以在我们关心的代码处断住，通过单步运行来理清逻辑。而 Debugger 用的好坏与断点打得好坏有直接的关系。

Chrome Devtools 和 VSCode 都提供了 Debugger，它们支持的打断点的方式有 6 种。

普通断点

在想断住的那一行左侧单击一下就可以添加一个断点，运行到该处就会断住。

这是最基础的断点方式，VSCode 和 Chrome Devtools 都支持这种断点。

条件断点

右键单击代码所在的行左侧，会出现一个下拉框，可以添加一个条件断点。