代码之家  ›  专栏  ›  技术社区  ›  Wes P

在chrome中请求监视

  •  195
  • Wes P  · 技术社区  · 15 年前

    在Firefox中,我使用Firebug,它允许我查看我的Ajax调用发出的每个HTTP请求。我已经将我的开发切换到Chrome,到目前为止我很喜欢它。但是,我唯一的抱怨是开发人员工具似乎不允许您查看每个Ajax请求。我曾经让它发生过一次,在这里资源面板显示了对同一个资源的多个请求,但它只是一次又一次地执行。

    有没有一种方法可以可靠地看到页面通过chrome中的javascript发出的每个HTTP请求?

    [编辑:11/30/09 11:55]

    目前,为了解决这个问题,我在chrome旁边运行fiddler来查看我的请求,但是如果有一种方法可以从浏览器中完成,我更愿意这样做。

    9 回复  |  直到 7 年前
        1
  •  338
  •   maheshwaghmare    9 年前

    我知道这是一条旧线,但我想我会插话的。

    Chrome目前内置了一个解决方案。

    1. 使用 CTRL+SHIFT+I (或导航到 Current Page Control > Developer > Developer Tools . 在较新版本的Chrome中,单击扳手图标>工具>开发人员工具。)以启用开发人员工具。
    2. 从开发人员工具中单击 Network 按钮。如果尚未启用,请为会话启用它或始终启用它。
    3. 单击 "XHR" 子按钮。
    4. 发起一项 AJAX call .
    5. 您将看到项开始显示在下面的左列中 "Resources" .
    6. 单击资源,有两个选项卡显示标题和返回内容。
        2
  •  56
  •   Wouter    14 年前

    最新的答案是:它们列在开发人员工具的“网络”按钮下,不再像以前那样列在“资源”下。

        3
  •  41
  •   Julio Marins    10 年前

    您也可以在chrome中使用此链接,以获得比检查器更详细的信息。

    chrome://net-internals/#events
    

    这将显示打开时浏览器所有请求的日志。

        4
  •  13
  •   schellmax    13 年前

    不知道这是哪个版本的Chrome,但我找到了一个设置“console-log xmlhttprequests”(点击Mac上Chrome的开发者工具右下角的图标)

        5
  •  6
  •   ShaneDaugherty    8 年前

    打开devtools并按F1访问设置。查找控制台部分并选中“Log xmlhttpRequests”复选框。

    现在,所有Ajax和其他类似的请求都将记录在控制台中。

    我喜欢这种方法,因为它通常允许我在控制台中查看我要查找的所有内容,而不必转到“网络”选项卡。

        6
  •  4
  •   JoshBerke    15 年前

    你可以使用 Fiddler 这是一个很好的免费工具。

        7
  •  3
  •   masoud2011    10 年前

    感谢所有在这篇文章中帮忙的人

    我有Ubuntu 13.10,我的Chrome版本是34.0

    对于我的情况,这是可行的

    1.open developer tools in chrome(or use right click on your page and then select inspect element)
    2.go to "Network" tab
    3.find your ajax request in "Name Path" column 
    4.click on the specific ajax link
    

    现在,您应该看到一个新的面板在您的请求前面

    in this panel select "Response" tab
    
        8
  •  1
  •   wcb1    9 年前

    在phil的步骤5中,新版本的chrome中不再提供“resources”。您需要单击底部窗格中列出的Ajax页面旁边的页面图标,其中包含名称、方法、状态等列。

    然后它将向您显示更多面板,您将在其中找到错误消息。

        9
  •  0
  •   BitByteDog    10 年前

    您也可以在浏览器中的页面上单击鼠标右键,然后选择“检查元素”以显示开发人员工具。

    https://developer.chrome.com/devtools