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:
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.
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.
# 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.
Add custom column to request table.
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With