Chrome:开发工具的高级用法

时间:2014-09-05 12:22:56

标签: javascript google-chrome google-chrome-devtools

使用Chrome开发工具时遇到的问题很少。只是想知道它是否可能,如果是的话 - 如何。建议我有一个非常庞大的客户端,每页有数百个响应。

  1. 如何找到处理响应的端点?我的意思是js代码中响应的第一个位置。
  2. 如何通过内容找到响应?例如,我想知道我从表中获得45902309509902值的响应。

1 个答案:

答案 0 :(得分:1)

  

如何找到处理响应的端点?

在“网络”标签上,您可以看到请求发起的位置,它是标有“发起人:”的列

enter image description here

它有一个链接,它将显示发起ajax调用的代码(我假设“响应”你正在谈论ajax响应)。从那里,您应该能够找到与请求相关联的回调。很多时候,如果你使用像jQuery这样的库,你将会看到执行请求的jQuery代码而不是你的。但是,您仍然可以通过使用libray的未缩小版本,在该代码上设置断点(甚至可能是有条件的断点,比如请求的URL),然后在断点被命中时找到所需内容使用调用堆栈找出代码中代码的实际来源。

  

如何通过内容找到回复?

这将稍微困难一些。再次在“网络”选项卡中,您可以单击每个ajax请求,并在“响应”子选项卡下查看(并搜索)该响应的文本。