Javascript 铬';s萤火虫';s跟踪ajax请求的技术

Javascript 铬';s萤火虫';s跟踪ajax请求的技术,javascript,ajax,google-chrome-extension,firebug,google-chrome-devtools,Javascript,Ajax,Google Chrome Extension,Firebug,Google Chrome Devtools,我正试图让我的谷歌浏览器扩展在浏览网页时跟踪ajax请求。我找到的唯一方法是侦听DOMSubtreeModified事件。事件会在每个ajax事件上触发,但没有关于请求的其他信息。但在Firebug google chrome扩展中,有ajax请求跟踪和许多细节。我试图在源代码中检查他们是如何做到这一点的,但我很难理解 您知道如何跟踪这些事件以获取有关请求的详细信息吗? 也许有人可以看看这个firebug的技术,或者有人知道它,可以告诉我他们是如何做到的?使用Chrome开发者工具调试AJAX请

我正试图让我的谷歌浏览器扩展在浏览网页时跟踪ajax请求。我找到的唯一方法是侦听DOMSubtreeModified事件。事件会在每个ajax事件上触发,但没有关于请求的其他信息。但在Firebug google chrome扩展中,有ajax请求跟踪和许多细节。我试图在源代码中检查他们是如何做到这一点的,但我很难理解

您知道如何跟踪这些事件以获取有关请求的详细信息吗?
也许有人可以看看这个firebug的技术,或者有人知道它,可以告诉我他们是如何做到的?

使用Chrome开发者工具调试AJAX请求可以做一些事情:

  • 看这张照片。它跟踪所有(AJAX)请求及其请求和响应头
  • 在devtools中启用XHR控制台日志记录(在开发工具控制台中右键单击,然后单击“启用XMLHttpRequest日志记录”)
  • 设定一个目标

  • 在您的情况下,不需要使用DOM断点。另外,只有当AJAX请求修改DOM树时,这种方法才会起作用。

    目前,无法通过编程方式获得与“网络”选项卡类似的AJAX请求的所有信息


    有一个实验,用它你可以捕捉ajax请求,得到返回的响应代码(200404),并获取一些响应标题。您将无法获取响应正文。

    但我希望在扩展的代码中处理这些ajax事件。扩展必须向我的服务器发送有关此类请求的信息。在chrome developer工具中,我只能查看它。您有什么想法吗?那么,您可以做同样的事情。但是,您如何发布一些我需要的代码是否要将我的扩展插件放入以处理ajax事件?在内容脚本中,它与在页面中调试ajax相同。在后台页面中,您需要首先在devtools中打开后台页面。转到
    chrome://extensions
    。好的,但我只能在那里查看它们。我想通过编程处理它们。例如,如果有人正在浏览安装了此扩展的internet每个ajax请求都在扩展内处理,并且每个请求的一些信息都会发送到我的服务器。我已经看到了。感谢有关其工作原理的详细信息,我可能会尝试一下。但是你知道使用此实验性api可能带来哪些威胁吗?它不稳定吗?@Luke最大的威胁是目前,您无法将扩展提交到gallery。而且无法保证此方法将保留在API中。这很伤人。每个人都说无法通过编程实现。那么firebug for chrome是如何跟踪ajax请求的呢?@Luke您是指firebug lite吗?我不认为是这样。firebug lite for chrome是否不支持ed.我试图理解扩展源代码,但它对我来说太复杂了。这是firebug控制台中的示例行:POST/ajax/chat/buddy_list.php?\uu_a=1200 OK 202msdid您最终获得了拦截ajax请求的编程方式吗?