google-chrome - 如何在chrome中逐行调试jquery代码

Question

<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
    debugger
        $("a").click(function () {
            alert("Hello World..");
        });
    });
</script>

我对这个 jquery 很陌生。我想在 chrome 中查看我的程序执行流程。调试 jquery 的程序是什么。我的执行流程没有进入 .click 。但是正在显示警报消息

Answer 1

您可以为 chrome 安装 firebug lite，并且可以通过在使用的 jquery 文件中添加断点和监视来进行调试。我希望这是你想要的。

Answer 2

一种方法是在开发人员工具的源选项卡中找到您的代码，并在您要停止的每一行代码旁边添加一个断点，然后刷新页面。

Answer 3

如果你想在 chrome 中执行 JS，你必须这样做我附上一张图片，请找到它

转到控制台并输入您的 JS 并输入！