See request time in Chrome developer tools

Question

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:

score 39 · Answer 1 · answered Aug 24 '18 at 18:40

39

You just need to click on the request row:

Right Click > Copy > Copy All as HAR

Then open the HAR file:

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

There is the exact request timing info.

answered Aug 24 '18 at 18:40

Joseph Lust

18,140
7
78
75

1

May be obvious to some, but just want to note that the time is in milliseconds (84.963... = .084963 seconds) – Jett Dec 06 '19 at 15:29

score 18 · Answer 2 · answered Dec 16 '21 at 20:43

18

Add custom column to request table.

Right click on column header with request list. In context menu with columns select Response Headers => Manage Header Columns...:

Add custom column header with value "Date"

Result

answered Dec 16 '21 at 20:43

Vitaliy

321
2
5

I question title clearly states Request, not Response, that you mentioned in your answer – Eugene Apr 23 '22 at 13:38

score 3 · Accepted Answer · answered Jun 21 '16 at 19:27

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:

score -1 · Answer 4 · edited May 23 '17 at 11:58

-1

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 here discussion how to achieve that.

edited May 23 '17 at 11:58

Community

1
1

answered Jun 08 '16 at 11:11

Ygalbel

4,714
21
30

See request time in Chrome developer tools

4 Answers4