Chrome网络检查器：是否可以找到特定DOM元素的调用？

Question

我有一个表格，它填满了从API调用收到的数据。有可能以某种方式＆＃34;锁定＆＃34;关于此元素（=表格）的Chrome网络检查员，并使其仅显示与其相关的调用，而不是显示页面其余部分的每一个调用？也许这对扩展是可行的吗？

Answer 1

我会说这是不可能实现的，因为：

1. 视图和逻辑也分离在（现代）前端应用程序中。因此，应用程序可以在启动时从服务器请求JSON文件，然后将这些信息传递到整个应用程序（表等）。
2. 表本身不会调用端点，只能由具有预填充数据的函数生成。

最接近的是：

• 在Chrome中记录屏幕截图，以查看表格何时填满。在那里你可以看到在这段时间内打了哪些电话：



• 战后你知道这个电话的“名字”是什么，你可以将它放在过滤器/搜索栏中并重新加载页面。之后，您将始终只显示您选择的电话，并可能负责填写表格。

当然，你也可以手边说：

1. 桌子里面是什么？它显示哪些信息？
2. 然后通过api调用并在响应正文中查找信息
3. 识别出来后，请在Chrome开发工具中对其进行过滤。

如果你想进入下一个级别：

• 将呼叫复制到cUrl（通过右键单击呼叫）并将其插入Postman并安装Postman Inceptor。之后，您可以将网站电话（桌面电话）传递给邮递员，这样您就可以仔细查看它，并在每次需要特定电话时重新拨打电话。

总结一下：  确定哪个调用具有表的信息，使用Postman Inceptor提取调用并将其传递给Postman。然后，您可以分析或做任何你想做的事情。