blocks|key|1864816|text|我知道这是个老生常谈的话题，但我想我应该加入进来。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1864817|Chrome目前有一个内置的解决方案。|1864818|1864819|使用CTRL%2BSHIFT%2BI+(或导航到Current+Page+Control+>+Developer+>+Developer+Tools。在更新版本的Chrome中，单击扳手图标>工具>开发人员工具。)以启用开发人员工具。|ordered-list-item|offset|length|style|CODE|1864820|在开发人员工具中单击Network按钮。如果尚未启用，请为会话启用它或始终启用它。单击sub-button.|1864821|Initiate+|1864822|+"XHR"+an+AJAX+call。|1864823|您将看到项目开始显示在"Resources"下的左列中。|1864824|单击资源，有两个选项卡显示标题和返回内容。|1864825|1864826|entityMap^0|0|0|0|2|C|K|1E|0|A|7|0|0|1|5|A|9|0|B|B|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|10|8|@]|9|@]|A|$]]|$1|E|3|F|5|G|7|11|8|@$H|12|I|13|J|K]|$H|14|I|15|J|K]]|9|@]|A|$]]|$1|L|3|M|5|G|7|16|8|@$H|17|I|18|J|K]]|9|@]|A|$]]|$1|N|3|O|5|G|7|19|8|@]|9|@]|A|$]]|$1|P|3|Q|5|G|7|1A|8|@$H|1B|I|1C|J|K]|$H|1D|I|1E|J|K]]|9|@]|A|$]]|$1|R|3|S|5|G|7|1F|8|@$H|1G|I|1H|J|K]]|9|@]|A|$]]|$1|T|3|U|5|G|7|1I|8|@]|9|@]|A|$]]|$1|V|3|-4|5|6|7|1J|8|@]|9|@]|A|$]]|$1|W|3|-4|5|6|7|1K|8|@]|9|@]|A|$]]]|X|$]]

I know this is an old thread but I thought I would chime in. 

Chrome currently has a solution built in. 

<ol>
<li>Use <code>CTRL+SHIFT+I</code> (or navigate to <code>Current Page Control &gt; Developer &gt; Developer Tools</code>. In the newer versions of Chrome, click the Wrench icon > Tools > Developer Tools.) to enable the Developer Tools. </li>
<li>From within the developer tools click on the <code>Network</code> button. If it isn't already, enable it for the session or always. </li>
<li>Click the <code>"XHR"</code> sub-button.</li>
<li>Initiate an <code>AJAX call</code>. </li>
<li>You will see items begin to show up in the left column under <code>"Resources"</code>. </li>
<li>Click the resource and there are 2 tabs showing the headers and return content.</li>
</ol>

blocks|key|591419|text|对此最新的回答是:它们列在开发人员工具中的“网络”按钮下，而不再像以前那样列在“资源”下。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|591420|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

The most up-to-date answer to this is: they are listed under the 'Network' button in the developer tools, no longer under 'Resources' like it used to be.

blocks|key|562230|text|更新|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|562231|Chrome更改了检查请求的方式，并建议现在对从chrome://net-export/导出的日志使用Catapult+Netlog+Viewer|562232|chrome://net-export/|code-block|syntax|javascript|562233|More+Info|562234|旧Chrome版本|562235|您还可以在Chrome中使用此链接，以获取比检查员更详细的信息。|562236|chrome://net-internals/#events|562237|这将显示打开时浏览器的所有请求的日志|562238|entityMap|0|LINK|mutability|MUTABLE|url|http://chrome//net-export/|1|https://chromium.googlesource.com/catapult/%2B/master/netlog_viewer/|2|https://dev.chromium.org/for-testers/providing-network-details^0|0|2|0|O|K|0|1F|M|1|0|0|0|9|2|0|0|9|0|0|0|0^^$0|@$1|2|3|4|5|6|7|18|8|@$9|19|A|1A|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1B|8|@]|D|@$9|1C|A|1D|1|1E]|$9|1F|A|1G|1|1H]]|E|$]]|$1|H|3|I|5|J|7|1I|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|1J|8|@]|D|@$9|1K|A|1L|1|1M]]|E|$]]|$1|O|3|P|5|6|7|1N|8|@$9|1O|A|1P|B|C]]|D|@]|E|$]]|$1|Q|3|R|5|6|7|1Q|8|@]|D|@]|E|$]]|$1|S|3|T|5|J|7|1R|8|@]|D|@]|E|$K|L]]|$1|U|3|V|5|6|7|1S|8|@]|D|@]|E|$]]|$1|W|3|-4|5|6|7|1T|8|@]|D|@]|E|$]]]|X|$Y|$5|Z|10|11|E|$12|13]]|14|$5|Z|10|11|E|$12|15]]|16|$5|Z|10|11|E|$12|17]]]]

Update 

Chrome changed how to inspect requests and suggests now to use the <a href="https://chromium.googlesource.com/catapult/+/master/netlog_viewer/" rel="nofollow noreferrer">Catapult Netlog Viewer</a> with the logs exported from <a href="http://chrome://net-export/" rel="nofollow noreferrer">chrome://net-export/</a>

<pre><code>chrome://net-export/
</code></pre>

<a href="https://dev.chromium.org/for-testers/providing-network-details" rel="nofollow noreferrer">More Info</a>

Old Chrome Versions

You also may use this link in Chrome for more detailed information than the inspector did it.

<pre><code>chrome://net-internals/#events
</code></pre>

This shows the log of all requests of the browser while open

blocks|key|1999530|text|我不知道哪个chrome版本是可用的，但是我发现了一个设置‘控制台-日志XMLHttpRequests’(点击mac上chrome中开发者工具右下角的图标)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1999531|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

don't know as of which chrome version this is available, but i found a setting 'Console - Log XMLHttpRequests' (clicking on the icon in the bottom right corner of developer tools in chrome on mac)

blocks|key|591685|text|打开您的DevTools，然后按F1键访问设置。查找控制台部分，并选中"Log+XMLHttpRequests“复选框。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|591686|现在，您的所有ajax和其他类似请求都将记录在控制台中。|591687|我更喜欢这种方法，因为它通常允许我在控制台中看到我正在寻找的所有东西，而不必转到网络选项卡。|591688|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

Open up your DevTools and press F1 to access the settings. Look for the console section and check the checkbox for "Log XMLHttpRequests".

Now all of your ajax and other similar requests will be logged in the console. 

I prefer this method because it usually allows me to see everything that I'm looking for in the console without having to go to the network tab.

blocks|key|1999399|text|你可以使用Fiddler，这是一个很好的免费工具。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1999400|entityMap|0|LINK|mutability|MUTABLE|url|http://www.fiddlertool.com/^0|5|7|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

You could use <a href="http://www.fiddlertool.com/" rel="nofollow noreferrer">Fiddler</a> which is a good free tool.

blocks|key|591602|text|感谢所有试图在这篇文章中提供帮助的人|type|unstyled|depth|inlineStyleRanges|entityRanges|data|591603|我有ubuntu+13.10，我的chrome版本是34.0|591604|就我的情况而言，这是可行的|591605|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|code-block|syntax|javascript|591606|现在您应该会在您的请求前面看到一个新的面板|591607|in+this+panel+select+"Response"+tab|591608|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|S|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|T|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|H|7|V|8|@]|9|@]|A|$I|J]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

Thanks all person who try to help in this post

I have ubuntu 13.10 and my chrome version is 34.0

For my situation this works

<pre><code>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
</code></pre>

now you should see a new Panel in front of you request 

<pre><code>in this panel select "Response" tab
</code></pre>

blocks|key|562223|text|在Phil的步骤5中，"Resources“在新版本的Chrome中不再可用。您需要单击底部窗格中列出的Ajax页面旁边的页面图标，其中列有Name、Method、Status、...|type|unstyled|depth|inlineStyleRanges|entityRanges|data|562224|然后，它将向您显示更多面板，您将在其中找到错误消息。|562225|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

In the step 5 of Phil, "Resources" is no longer available in the new version of the Chrome. You need to click the page icon just beside the Ajax page listed in the bottom pane with the columns of Name, Method, Status, ...

Then it will show you more panels where you will find the error messages.

blocks|key|591526|text|您也可以在浏览器中右键单击页面，然后选择"Inspect+Element“以打开开发人员工具。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|591527|https://developer.chrome.com/devtools|offset|length|591528|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|11|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

You can also just right click on the page in the browser and select "Inspect Element" to bring up the developer tools.

<a href="https://developer.chrome.com/devtools" rel="nofollow">https://developer.chrome.com/devtools</a>

In Firefox, I use Firebug which allows me to view every http request my ajax calls are making. I've switched over my development to Chrome and am liking it so far. My only complaint, however, is that the developer tools don't seem to allow you to view each ajax request. I've had it happen once where the Resources panel showed multiple requests to the same resource, but it's only done it once and never again.

Is there a way to reliably see every http request that a page is making through javascript from within Chrome?

[Edit:11/30/09 11:55]

Currently, to get around this, I'm running Fiddler next to Chrome to view my requests, but if there's a way to do it from within the browser, I'd prefer that.

Request Monitoring in Chrome

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

在Firefox中，我使用Firebug，它允许我查看ajax调用发出的每个http请求。我已经把我的开发换成了Chrome，到目前为止我还挺喜欢它的。然而，我唯一的抱怨是，开发人员工具似乎不允许查看每个ajax请求。我曾经遇到过这样的情况: Resources面板显示了对同一资源的多个请求，但它只做了一次，而且再也不会这样做。有没有办法在Chrome中可靠地看到页面通过javascript发出的

问Chrome中的请求监控
EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Chrome中的请求监控EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Chrome中的请求监控
EN