JQuery小部件和Chrome检查器

Chrome inspector在调试方面非常强大。我经常使用控制台来搜索特定的函数。例如，当我有一个recompute（）javascript函数时，我想在函数中添加一个断点：

• 我在控制台中键入“重新计算”
• Chrome显示函数存根
• 我单击它，它会直接将我发送到包含该函数的正确VM中的source选项卡
• 我添加了断点，瞧：）

我现在正在使用Jquery小部件，如下所示：

$.widget( "app.Recomputer", {


    recompute: function () {
        // Code where I want to break
    }
};

---

有没有办法让Chrome Inspector打开此代码所在的源代码选项卡？

请打开HTML页面或网站，进入调试器窗口（按ctrl+shift+I或F12）

然后按ctrl+shift+F

在搜索文本框中键入函数名并进行搜索，然后您可以在结果中看到函数名并单击它

您可以在函数上添加断点并继续调试

---

注意：-有时，在MVC局部视图中使用脚本时，您无法在搜索结果中获得任何信息。因此，请将脚本文件放在头标签部分或捆绑中。这意味着脚本文件必须在网页的初始加载中加载，这也是一个很好的做法。

谢谢，我不知道这个ctrl-shift-F