debugger介绍

发布时间：2023-03-10 08:44:56 所属栏目：教程来源：

导读：debugger 语句调用任何可用的调试功能，例如设置断点。如果没有调试功能可用，则此语句不起作用。(MDN)

debugger 通常用于调试，主要是为了设置一个断点。

如果浏览器支持 debugger，那碰到 debugger 就会暂停

debugger 语句调用任何可用的调试功能，例如设置断点。如果没有调试功能可用，则此语句不起作用。(MDN)

debugger 通常用于调试，主要是为了设置一个断点。

如果浏览器支持 debugger，那碰到 debugger 就会暂停程序的执行，提供调试功能，如单步调试、跳出当前函数、结束调试等。

1. 使用 debugger
debugger; // 设置断点
在需要设置断点的地方写上 debugger 即可。

console.log();
var str = '在这里暂停';
debugger; // 设置断点
console.log(str);
console.log( + );

断点设置好之后可以在开发者工具的 Sources 面板进行调试。

2. 其他设置断点的方式
假设对其他网站的某个实现细节很感兴趣，但又不能直接窥探出原理，也可以借助断点来进行调试。

这种情况下需要在开发者工具的 Sources 面板找到对应的源码，打上断点。

在源码的对应行号出点击，即可设置上断点，如果是已经执行过的代码，则需要刷新才会在断点处暂停程序。

很多情况下，都会利用事件来定位源码位置。

一个节点上的事件，可以通过 Elements 面板的 Event Listeners 来查看定位。

（编辑：汽车网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!