blocks|key|3800385|text|这让我觉得Chrome对我来说是一个巨大的疏忽。除了绝对的开始/结束时间之外，它们给出了所有可能的计时时间(并且和您一样，我很乐意在页面加载开始后获得相对的时间)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3800386|我所能做的最好的就是在概述窗格中设置尽可能紧的范围，然后以更精确的方式显示您的时间。|3800387|有关详细信息，请参见截图：|3800388|​|3800389|📷|atomic|offset|length|3800390|3800391|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/616ef3d30bee3960a06a06aa80422a9f.png|imageAlt^0|0|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|Z|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|10|8|@]|9|@$K|11|L|12|1|13]]|A|$]]|$1|M|3|G|5|6|7|14|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|O|$P|$5|Q|R|S|A|$T|U|V|-4]]]]

This feels like a giant oversight to me on the part of the Chrome devs. They give you every possible bit of timing except the absolute start/end times (and like you, I'd be happy for relative timing since the start of the page load).

The best I've been able to do is to set the tightest possible range in the overview pane, and then your timings are displayed with more precision.

See screenshot for details:

<a href="https://i.stack.imgur.com/2Om16.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2Om16.png" alt="chrome dev tools network tab range selection"></a>

blocks|key|3905178|text|只需单击请求行：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3905179|Right+Click+>+Copy+>+Copy+All+as+HAR|offset|length|style|CODE|BOLD|3905180|然后打开HAR文件：|3905181|{
++"log":+{
++++"version":+"1.2",
++++"creator":+{
++++++"name":+"WebInspector",
++++++"version":+"537.36"
++++},
++++"pages":+[],
++++"entries":+[
++++++{
++++++++"startedDateTime":+"2018-08-24T18:34:12.564Z",
++++++++"time":+84.96354891383089,|code-block|syntax|javascript|3905182|有准确的请求时间信息。|3905183|entityMap^0|0|0|B|E|4|L|F|C|1|J|1|0|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|U|8|@$D|V|E|W|F|G]|$D|X|E|Y|F|G]|$D|Z|E|10|F|G]|$D|11|E|12|F|H]|$D|13|E|14|F|H]]|9|@]|A|$]]|$1|I|3|J|5|6|7|15|8|@]|9|@]|A|$]]|$1|K|3|L|5|M|7|16|8|@]|9|@]|A|$N|O]]|$1|P|3|Q|5|6|7|17|8|@]|9|@]|A|$]]|$1|R|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|S|$]]

You just need to click on the request row:

<code>Right Click</code> > <code>Copy</code> > <code>Copy All as HAR</code>

Then open the HAR file:

<pre><code>{
 "log": {
 "version": "1.2",
 "creator": {
 "name": "WebInspector",
 "version": "537.36"
 },
 "pages": [],
 "entries": [
 {
 "startedDateTime": "2018-08-24T18:34:12.564Z",
 "time": 84.96354891383089,
</code></pre>

There is the exact request timing info.

blocks|key|3800506|text|向request表添加自定义列。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3800507|右键单击列标题和请求列表。在具有列的上下文菜单中，选择Response，=>管理头列.：|ordered-list-item|3800508|​|3800509|📷|atomic|offset|length|3800510|3800511|添加具有“日期”值的自定义列标题|3800512|3800513|3800514|3800515|结果|3800516|3800517|3800518|3800519|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/deb11932770fc3e26cb38cae9419e29e.png|imageAlt|1|https://developer.qcloudimg.com/http-save/yehe-900000/9757c4de5d22d6ff5d12e148fb125176.png|2|https://developer.qcloudimg.com/http-save/yehe-900000/fccf25a070c3f38919c8eeec8ea2c1ef.png^0|0|0|0|0|1|0|0|0|0|0|0|1|1|0|0|0|0|0|1|2|0|0^^$0|@$1|2|3|4|5|6|7|19|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|1A|8|@]|9|@]|A|$]]|$1|E|3|F|5|6|7|1B|8|@]|9|@]|A|$]]|$1|G|3|H|5|I|7|1C|8|@]|9|@$J|1D|K|1E|1|1F]]|A|$]]|$1|L|3|F|5|6|7|1G|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|1H|8|@]|9|@]|A|$]]|$1|O|3|F|5|6|7|1I|8|@]|9|@]|A|$]]|$1|P|3|H|5|I|7|1J|8|@]|9|@$J|1K|K|1L|1|1M]]|A|$]]|$1|Q|3|F|5|6|7|1N|8|@]|9|@]|A|$]]|$1|R|3|S|5|D|7|1O|8|@]|9|@]|A|$]]|$1|T|3|F|5|6|7|1P|8|@]|9|@]|A|$]]|$1|U|3|H|5|I|7|1Q|8|@]|9|@$J|1R|K|1S|1|1T]]|A|$]]|$1|V|3|F|5|6|7|1U|8|@]|9|@]|A|$]]|$1|W|3|-4|5|6|7|1V|8|@]|9|@]|A|$]]]|X|$Y|$5|Z|10|11|A|$12|13|14|-4]]|15|$5|Z|10|11|A|$12|16|14|-4]]|17|$5|Z|10|11|A|$12|18|14|-4]]]]

Add custom column to request table.
<ol>
<li>Right click on column header with request list. In context menu with columns select Response Headers =&gt; Manage Header Columns...:</li>
</ol>
<a href="https://i.stack.imgur.com/zVyna.png" rel="noreferrer"><img src="https://i.stack.imgur.com/zVyna.png" alt="enter image description here" /></a>
<ol start="2">
<li>Add custom column header with value &quot;Date&quot;</li>
</ol>
<a href="https://i.stack.imgur.com/Mn2C8.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Mn2C8.png" alt="enter image description here" /></a>
<ol start="3">
<li>Result</li>
</ol>
<a href="https://i.stack.imgur.com/PQd5k.png" rel="noreferrer"><img src="https://i.stack.imgur.com/PQd5k.png" alt="enter image description here" /></a>

blocks|key|3044992|text|您可以在ajax调用之前进行console.log。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3044993|另一种可能是使用ajax处理程序来获取页面中的所有ajax调用。|3044994|查看here讨论如何实现这一目标。|offset|length|3044995|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/5202296/add-a-hook-to-all-ajax-requests-on-a-page^0|0|0|2|4|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@$F|S|G|T|1|U]]|A|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]]]

You can console.log before ajax calls. 

Another possibility is to use a ajax handler that will get all ajax calls in your page. 

Check <a href="https://stackoverflow.com/questions/5202296/add-a-hook-to-all-ajax-requests-on-a-page">here</a> discussion how to achieve that.

During ajax development, I often need a way of seeing the time a request was sent in Chrome developer tools. Either an absolute time (such as 3:45:23 PM) or a relative time (4.56s since page load) is fine.

The closest I can find is the timeline in the Network tab, showing the Start Time (you can click on the Timeline header to select which info it is showing), but you can often only get from it to the nearest 20 seconds:
<a href="https://i.stack.imgur.com/Ah1Lt.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Ah1Lt.png" alt="enter image description here"></a>

See request time in Chrome developer tools

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

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

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

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

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

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

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

在ajax开发期间，我经常需要一种方法来查看在Chrome工具中发送请求的时间。无论是绝对时间(如3:45:23 PM)还是相对时间(自页面加载以来的4.56秒)都可以。我能找到的最接近的是Network选项卡中的时间线，它显示了开始时间(您可以单击timeline头来选择它显示的信息)，但是您通常只能从它得到最接近的20秒：​

问参见Chrome开发工具中的请求时间
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问参见Chrome开发工具中的请求时间EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问参见Chrome开发工具中的请求时间
EN