首页 文章

在Chrome中请求监控

提问于
浏览 次
194

在Firefox中，我使用Firebug，它允许我查看我的ajax调用正在进行的每个http请求 . 我已将我的开发切换到Chrome，并且我喜欢它到目前为止 . 但是，我唯一的抱怨是开发人员工具似乎不允许您查看每个ajax请求 . 我曾经在资源面板显示对同一资源的多个请求时发生过这种情况，但它只执行了一次而且从未再次执行过 .

有没有办法可以通过Chrome中的javascript可靠地查看页面正在制作的每个http请求？

[编辑：2009年11月30日11:55]

目前，为了解决这个问题，我在Chrome旁边运行Fiddler来查看我的请求，但如果有办法在浏览器中执行此操作，我宁愿这样做 .

ajax google-chrome httprequest

9 回答

  • 1

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

    回复于
  • 12

    您也可以在Chrome中使用此链接获取比检查员更多的详细信息 .

    chrome://net-internals/#events

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

    回复于
  • 3

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

    https://developer.chrome.com/devtools

    回复于
  • 40

    打开DevTools并按F1访问设置 . 查找控制台部分并选中“Log XMLHttpRequests”复选框 .

    现在，您的所有ajax和其他类似请求都将记录在控制台中 .

    我更喜欢这种方法，因为它通常允许我在控制台中查看我正在寻找的所有内容，而无需转到网络选项卡 .

    回复于
  • 0

    感谢所有试图在这篇文章中提供帮助的人

    我有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
    回复于
  • 4

    在Phil的第5步中，新版本的Chrome中不再提供“资源” . 您需要单击底部窗格中列出的Ajax页面旁边的页面图标，其中包含Name，Method，Status，...列 .

    然后它会显示更多面板，您将在其中找到错误消息 .

    回复于
  • 335

    我知道这是一个老线程，但我想我会插话 .

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

    • 使用 CTRL+SHIFT+I （或导航至 Current Page Control > Developer > Developer Tools . 在较新版本的Chrome中，单击扳手图标>工具>开发人员工具 . ）以启用开发人员工具 .

    • 在开发人员工具中，单击 Network 按钮 . 如果尚未启用，请为会话启用它或始终启用它 .

    • 单击 "XHR" 子按钮 .

    • 发起 AJAX call .

    • 您将看到项目开始显示在 "Resources" 下的左栏中 .

    • 单击资源，有2个选项卡显示 Headers 和返回内容 .

    回复于
  • 56

    对此的最新答案是：它们列在开发人员工具的“网络”按钮下，不再像过去那样位于“资源”之下 .

    回复于
  • 4

    不知道哪个chrome版本可用，但我找到了一个设置'Console - Log XMLHttpRequests'（点击mac上chrome中开发者工具右下角的图标）

    回复于

相关问题