在Web应用程序中的任何位置查找值

Question

这不是一个真正的编程问题，但它让我发疯了......

请不要立即关闭它作为“要求工具”（即使我这样做：-D）

目前我必须在JavaScript / AngularJS网络应用程序中修复一些东西。这不是我做的，我正在挖掘立方米的沙子......

应用程序正在从Web服务加载行。应用程序显示，已加载22行，数组中有22个唯一ID。通过DevTools的Web服务响应告诉我，已经获取了18行。似乎存在4行某些。

我知道唯一ID（GUID），它们不是加载的一部分。现在我想在运行时做一些类似于全文搜索的事情，如果我能在任何上下文中找到这些奇怪的GUID ......

Crome DevTools是否提供这样的工具？你可能有另一个建议......

Answer 1

一种方法是在所有源文件中搜索GUID文本。

1. Open the Search pane。它将作为控制台抽屉中的选项卡打开。
2. 在文本框中输入GUID。

另一种方法是在将GUID填充到DOM中时调查调用堆栈。

1. 在要填充GUID的<ol>元素上添加Subtree modification breakpoint。
2. 每次修改<ol>时，DevTools都会暂停，因此您可能需要按恢复脚本执行几次。
3. 当您暂停相关修改时，您可以调查Call Stack以查看导致GUID填充到DOM中的函数调用堆栈。
4. 当DevTools暂停时，您可以使用控制台在那个时间点检查JS堆。