谷歌浏览器通过debugger调试

最新推荐文章于 2024-11-02 19:53:38 发布

原创最新推荐文章于 2024-11-02 19:53:38 发布 · 1.9k 阅读

2 ·

CC 4.0 BY-SA版权

浏览器专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用debugger语句在JavaScript代码中设置断点，以便于在各种主流浏览器如Chrome、Firefox、Safari等中进行代码调试。通过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”按钮，回到如下图：