javascript - Chrome网络检查器: Is it possible to find the calls for a specific DOM element?

Question

我有一个表，其中填充了从 API 调用接收到的数据。是否有可能以某种方式“锁定”此元素(=表格)上的Chrome网络检查器，并使其仅显示与其相关的调用，而不是页面其余部分发出的每个调用？也许这可以通过扩展实现？

Answer 1

我想说这是不可能实现的，因为:

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

您可以获得的最接近的是:

• 在 Chrome 中记录屏幕截图，以查看表格何时被填满。您可以在其中看到这段时间调用了哪些电话:

• 战后，您知道调用的“名称”是什么，您可以将其放入过滤器/搜索字段并重新加载页面。之后，您将始终只看到您选择的调用，并且可能负责填写表格。

<小时/>

当然，你也可以用手去说:

1. table 里面有什么？显示哪些信息？
2. 然后检查 API 调用并在响应正文中查找信息
3. 识别出该调用后，请在 Chrome 开发工具中对其进行过滤。

如果您想进入下一个级别:

• 将调用复制为 cUrl(通过右键单击调用)并将其插入 Postman并安装Postman Inceptor 。之后，您可以将网站调用(针对您的餐 table 的调用)传递给 Postman，以便您可以仔细查看它，并在每次需要特定调用时重新调用它。

总结一下: 找出哪个调用包含您的表的信息，使用 Postman Inceptor 提取调用并将其传递给 Postman。然后，您可以分析它或用它做任何您想做的事情。