代码之家 › 专栏 › 技术社区 › Tony_Henrich

如何轻松知道在Chrome开发工具中定义或实现函数的位置?函数用于AngularJS属性

google-chrome-devtools angularjs

Tony_Henrich · 技术社区 · 8 年前

如果我有一个AngularJS应用程序,我看到这个 <li ng-show="vm.CanUse('a-b-c')" ng-class.. 在Chrome开发工具的“元素”选项卡中,有没有一种方法可以快速轻松地导航到CanUse函数的定义位置?

我知道我可以在“源”选项卡中使用ctrl-shift-F进行搜索,但如果我有大量文件使用该函数或有多个同名实现,那么我可能需要一段时间才能找到我想要的实现。

我试过这样的方法: <li ng-show="debugger;vm.CanUse('a-b-c')" ng-class.. 希望闯入调试器,但没有成功。

有什么建议吗?

1 回复 | 直到 8 年前

Charlie Dalsass 8 年前

对于这种类型的范围级调试,有一个称为Batarang的特殊AngularJS调试扩展。然而,它需要一个插件。

进入“元素”窗格后,单击函数定义。接下来,单击$scope选项卡。然后“显示函数定义”。请参见下图。

推荐文章

user1592380 · 没有输出到带有chrome.devtools扩展的控制台

2 年前

ubi sage · chrome开发工具下的网络选项卡中的内容下载或邮递员内部的下载时间对于小于1mb的少量数据需要很长时间

2 年前

Vrushabh Ranpariya · 谷歌Chrome-开发工具-网络选项卡:设计更新

2 年前

user1763684 · Deno:如何在子进程完成之前运行shell命令并读取输出?

2 年前

Norem · ChromeDevTools SetVariableValue:如何更改对象属性?阵列单元?

2 年前

repka · 如何在浏览器开发工具控制台中加载NPM包?

2 年前

Jens G. · 使用控制台代码更改HTML文本框值

2 年前

Zoran · Chrome DevTools-应用程序选项卡-本地存储中的更改密钥

3 年前

Radha · 警告:找不到用于版本114的CDP版本

3 年前

João Otero · 我在这个Javascript数组行为中遗漏了什么?[副本]

4 年前