javascript - 在页面上查找 HTTP 请求的来源

Question

如何确定在 javascript 应用程序中发出请求的位置？

我正在调试一个大型应用程序，它在某处生成了错误的 HTTP 请求。我相信我没有使用生成请求的 API (Google Maps) 正确配置某些东西。如果我能找出发出请求的位置，那么我就可以追溯到 URL 的构造并查看我需要在何处设置正确的参数。

是否有可能(在带有 Firebug 或其他任何东西的 Safari/Chrome/Firefox 中)在发出任何请求时中断？

Answer 1

在 Firebug 中有一项新功能，可以让您在生成 XmlHttpRequest 时中断。然后您可以检查堆栈以查看调用者是谁:

• Break-on-XHR :

  Break On Next Network Event

  1. If you are stopped in the debugger, either click the blue continue button or reload the page
  2. Select the Firebug Net Panel
  3. Click the Break on Next or Pause button ()
  4. Click this button Break On XHR
  5. Firebug will break on the XHR event

如果请求是通过常规的 dom 操作(如插入图像标签)发出的，则可能会在 DOM 更改时中断:

• DOM (HTML) 突变事件断点:http://getfirebug.com/doc/breakpoints/demo.html#html

LiveHttpHeaders附加组件也可用于监视所有 HTTP 请求，然后您可以 grep 源以获取所使用的一些标识符。

在 Firebug 中设置断点的其他几种方法:

• 将这个 break 语句插入到代码中:

  debugger; 
  

• 打开脚本选项卡并选择要中断的行