Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

See request time in Chrome developer tools

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: enter image description here

like image 692
wezten Avatar asked Jun 08 '16 10:06

wezten


People also ask

How do I check my DevTools request?

Right click -> inspect -> then you will have the chrome dev tools just by selecting networks you can filter what's the browser is loading also you can see the http request going through your application.

How do I check API request and response in Chrome?

Step 1: Open the Chrome Developer Tools Go to your Chrome Browser > Click on the Right Corner 3 Vertical Dots > More Tools > Developer Tools as shown in the below image.

How do I find the response time on my Network tab?

# View the timing breakdown of a request. To view the timing breakdown of a request: Click the URL of the request, under the Name column of the Requests table. Click the Timing tab.


2 Answers

Add custom column to request table.

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

enter image description here

  1. Add custom column header with value "Date"

enter image description here

  1. Result

enter image description here

like image 164
Vitaliy Avatar answered Oct 11 '22 17:10

Vitaliy


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.

like image 25
Joseph Lust Avatar answered Oct 11 '22 18:10

Joseph Lust