谷歌浏览器通过debugger调试

debugger 语句用于停止执行 JavaScript，并调用 (如果可用) 调试函数。
使用 debugger 语句类似于在代码中设置断点。

在程序代码中寻找错误叫做代码调试。调试很难，但幸运的是，很多浏览器都内置了调试工具。内置的调试工具可以开始或关闭，严重的错误信息会发送给用户。有了调试工具，我们就可以设置断点 (代码停止执行的位置), 且可以在代码执行时检测变量。

主要浏览器的调试工具有：Chrome 浏览器，Firefox 浏览器，Safari，Internet Explorer 浏览器，Opera

下面是描述谷歌浏览器通过debugger调试的步骤：

js代码

<body>

    <p id="demo"></p>

    <p>开启 debugger ，调试模式下代码会在 debugger 处停止执行。</p>

    <script>
        var x = 15 * 5;
        debugger;
        console.log(x);
        document.getElementById("demo").innerHTML = x;
    </script>

</body>

在谷歌浏览器中运行项目，打开F12，然后输入条件，并且点击“Sources”按钮，回到如下图：

开启debugger,需要刷新一下页面

原文链接：https://blog.csdn.net/Gladys_Huang/article/details/106529141