调试器是前端开发的非常重要的工具。它可以在我们关心的代码上断开连接，并通过一个步骤清楚地阐明逻辑。调试器使用的好坏和断点是直接相关的。
Chrome Devtools和Vscode都提供调试器，并且有6种支持中断点的方法。
您可以在要断开连接的行的左侧添加一个断点，并且在跑到该位置时会断开连接。
这是最基本的断点方法。Vscode和Chrome DevTools都支持此断点。
右键单击在代码所在的行的左侧，将出现一个drop -down框，可以添加条件断点。
输入条件表达式，当它运行到此行代码并且表达式值为真时，它将被打破，它比普通断点更灵活。
这种断点VScode和Chrome DevTools，根据条件断开连接。
右键单击Chrome DevTools元素面板的相应元素。选择断点以添加DOM断点，也就是说，当更改子三重时，属性是更改，并删除节点。它可用于调试导致DOM更改的代码。
由于它涉及DOM调试，因此只有Chrome DevTools支持此断点。
您可以将XHR添加到Chrome DevTools的XHR的URL断点。当Ajax请求相应的URL时，它将被断开，可用于调试请求相关的代码。
此功能只是Chrome DevTools。
您还可以在Chrome Devtools的来源面板上添加事件侦听器的断点。指定事件断开连接时发生的情况，可用于调试与事件相关的代码。
此功能仅适用于Chrome DevTools。
在VSCODE的调试面板上检查未透露的例外情况并抓住了异常，该面板可能会增加异常断裂以投掷异常柱，而不会被捕获或捕获。这对于调试一些异常代码很有用。
除了调试器中断点的正常断点外，还可以根据不同情况添加断点。
总共有六种类型：
这些中断点中的大多数都由Chrome DevTool（正常，DOM，URL，事件听众，异常）支持，并且有些由VSCODE调试器（普通，条件，异常）支持。
在不同情况下，代码可以使用不同的中断点，因此调试代码将更加有效。
您使用过JS的六个中断点中有多少？