JQuery小部件和Chrome检查器

Question

Chrome检查器在调试中非常强大。我经常使用控制台来搜索特定的功能。例如，当我有一个recompute((javascript函数时，我想在函数中添加一个断点：

• 我在控制台中键入recompute
• Chrome显示函数存根
• 我点击它，它会直接将我发送到包含函数的正确VM中的源选项卡
• 我添加了断点和Voilà：(

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

$.widget( "app.Recomputer", {

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

有没有办法让Chrome检查器打开代码所在的源选项卡？

Answer 1

请打开您的HTML页面或站点，然后转到调试器窗口(按ctrl+shift+I或

F12然后按ctrl+shift+F1

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

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

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