如何在js中添加debugger断点进行调试，解决网页中debugger没反应的问题

可以看到上面有debugger的调试按键，后面js代码停在我们第一个debugger处，接着点击测试按键即可继续调试。**如果先打开网页，再打开检查，那浏览器会一次性加载全部内容，就无法进行调试，此时debugger失效！首先在js代码中想要调试的位置添加断点，如示例所示。在网页中先打开检查，然后再打开网页。

文章共528字 · 阅读需要大约2分钟

一键AI生成摘要，助你高效阅读

问答

在下柠檬

5201人浏览 · 2023-04-15 10:58:03

在下柠檬 · 2023-04-15 10:58:03 发布

首先在js代码中想要调试的位置添加断点，如示例所示

<body>
    <div id="vue">
        {{ message }}
    </div>
</body>
<script src="vue/vue.min.js"></script>
<script>
    new Vue({
        el: '#vue',
        data: {
            message: 'hello vue!'
        },
        created() { //渲染前
            debugger
            console.log('created....')
            debugger
        }
    })
</script>

在网页中先打开检查，然后再打开网页
在这里插入图片描述

可以看到上面有debugger的调试按键，后面js代码停在我们第一个debugger处，接着点击测试按键即可继续调试

**注意！**如果先打开网页，再打开检查，那浏览器会一次性加载全部内容，就无法进行调试，此时debugger失效！
如下图所示
在这里插入图片描述
已经全部加载完了！

GitCode 开源社区

旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。

更多推荐

【目标检测】目标检测的一些常用神经网络模型及方法

我的阶段性总结????文章目录1.概述1.2 目标检测的任务1.3 目标检测的分类2.R-CNN系列2.1 [R-CNN（Region with CNN features）](https://arxiv.org/pdf/1311.2524.pdf)2.2 [Fast R-CNN](https://www.cv-foundation.org/openaccess/content_iccv_2015/