Javascript Chrome网络检查器:是否可以找到对特定DOM元素的调用?

Javascript Chrome网络检查器:是否可以找到对特定DOM元素的调用?,javascript,jquery,html,google-chrome,google-chrome-devtools,Javascript,Jquery,Html,Google Chrome,Google Chrome Devtools,我有一个表,其中填充了从API调用接收到的数据。有没有可能在这个元素(=表格)上“锁定”Chrome的网络检查器,让它只显示与之相关的调用,而不是页面其余部分的所有调用?也许通过扩展这是可行的?我认为这是不可能实现的,因为: 在(现代)前端应用程序中,视图和逻辑也是分开的。因此,应用程序可以在启动时从服务器请求一个JSON文件,然后将这些信息传递给整个应用程序(表等) 一个表本身并没有调用端点,它可以由一个带有预填充数据的函数生成 你能得到的最接近的是: 在Chrome中记录屏幕截图,查看表格

我有一个表,其中填充了从API调用接收到的数据。有没有可能在这个元素(=表格)上“锁定”Chrome的网络检查器,让它只显示与之相关的调用,而不是页面其余部分的所有调用?也许通过扩展这是可行的?

我认为这是不可能实现的,因为:

  • 在(现代)前端应用程序中,视图和逻辑也是分开的。因此,应用程序可以在启动时从服务器请求一个JSON文件,然后将这些信息传递给整个应用程序(表等)
  • 一个表本身并没有调用端点,它可以由一个带有预填充数据的函数生成
  • 你能得到的最接近的是:

    • 在Chrome中记录屏幕截图,查看表格何时填满。在这里,您可以看到在此期间拨打了哪些电话:

    • 战后,你知道呼叫的“名称”是什么,你可以把它放在过滤器/搜索字段,然后重新加载页面。之后,您总是会看到您选择的呼叫,并可能负责填写表格

    当然,你也可以亲自去说:

  • 桌子里面是什么?它显示哪些信息
  • 然后遍历api调用并在响应体中查找信息
  • 一旦识别了调用,请在chrome开发工具中对其进行过滤
  • 如果你想进入下一个阶段:

    • 将调用复制为cUrl(通过右键单击调用),然后将其插入并安装。之后,您可以将网站呼叫(您桌子上的呼叫)传递给邮递员,以便您可以更仔细地查看它,并在每次需要特定呼叫时重新呼叫它
    总结如下:
    找出哪个调用包含表的信息,使用Postman Inceptor提取调用并将其传递给Postman。然后,你可以用它进行分析或做任何你想做的事情。

    我认为这是不可能实现的,因为:

  • 在(现代)前端应用程序中,视图和逻辑也是分开的。因此,应用程序可以在启动时从服务器请求一个JSON文件,然后将这些信息传递给整个应用程序(表等)
  • 一个表本身并没有调用端点,它可以由一个带有预填充数据的函数生成
  • 你能得到的最接近的是:

    • 在Chrome中记录屏幕截图,查看表格何时填满。在这里,您可以看到在此期间拨打了哪些电话:

    • 战后,你知道呼叫的“名称”是什么,你可以把它放在过滤器/搜索字段,然后重新加载页面。之后,您总是会看到您选择的呼叫,并可能负责填写表格

    当然,你也可以亲自去说:

  • 桌子里面是什么?它显示哪些信息
  • 然后遍历api调用并在响应体中查找信息
  • 一旦识别了调用,请在chrome开发工具中对其进行过滤
  • 如果你想进入下一个阶段:

    • 将调用复制为cUrl(通过右键单击调用),然后将其插入并安装。之后,您可以将网站呼叫(您桌子上的呼叫)传递给邮递员,以便您可以更仔细地查看它,并在每次需要特定呼叫时重新呼叫它
    总结如下:
    找出哪个调用包含表的信息,使用Postman Inceptor提取调用并将其传递给Postman。然后,您可以对其进行分析或执行任何操作。

    您可以启用“保留日志”复选框(如果页面有时重新加载),并在左上角添加带有正则表达式的过滤器(如果启用)-您必须以斜杠形式编写正则表达式,即
    /[yourregex]/[flags]
    -我正在写一条评论,因为我不能100%确定这是否是您要找的。您可以启用“保留日志”复选框(如果页面有时重新加载),并在左上角添加一个带有正则表达式的过滤器(如果启用)-您必须用斜杠来编写正则表达式,即
    /[yourregex]/[flags]
    -我正在写一篇评论,因为我不能100%确定这是否是您想要的。这也是我一直在做的,但我有点希望我在某个地方错过了一些选择。谢谢你的详细指导!这也是我一直在做的,但我有点希望我错过了一些选择的地方。谢谢你的详细指导!