DevTools: Depict network request timings on timeline network pane.

third_party/WebKit/Source/devtools/front_end/timeline_model/TimelineModel.js

 /*
  * Copyright (C) 2012 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 1373 matching lines @@
  */
 WebInspector.TimelineModel.NetworkRequest = class {
   /**
    * @param {!WebInspector.TracingModel.Event} event
    */
   constructor(event) {
     this.startTime = event.name === WebInspector.TimelineModel.RecordType.ResourceSendRequest ? event.startTime : 0;
     this.endTime = Infinity;
     /** @type {!Array<!WebInspector.TracingModel.Event>} */
     this.children = [];
+    /** @type {?Object} */
+    this.timing;
+    /** @type {string} */
+    this.mimeType;
+    /** @type {string} */
+    this.url;
+    /** @type {string} */
+    this.requestMethod;
     this.addEvent(event);
   }
 
   /**
    * @param {!WebInspector.TracingModel.Event} event
    */
   addEvent(event) {
     this.children.push(event);
     var recordType = WebInspector.TimelineModel.RecordType;
     this.startTime = Math.min(this.startTime, event.startTime);
     var eventData = event.args['data'];
     if (eventData['mimeType'])
       this.mimeType = eventData['mimeType'];
     if ('priority' in eventData)
       this.priority = eventData['priority'];
     if (event.name === recordType.ResourceFinish)
       this.endTime = event.startTime;
+    if (eventData['finishTime'])
+      this.finishTime = eventData['finishTime'] * 1000;
     if (!this.responseTime &&
         (event.name === recordType.ResourceReceiveResponse || event.name === recordType.ResourceReceivedData))
       this.responseTime = event.startTime;
     if (!this.url)
       this.url = eventData['url'];
     if (!this.requestMethod)
       this.requestMethod = eventData['requestMethod'];
+    if (!this.timing)
+      this.timing = eventData['timing'];
   }
 };
 
 WebInspector.TimelineModel.Filter = class {
   /**
    * @param {!WebInspector.TracingModel.Event} event
    * @return {boolean}
    */
   accept(event) {
     return true;
@@ skipping 419 matching lines @@
     if (!id)
       return;
     /** @type {!Map<string, !WebInspector.TracingModel.Event>|undefined} */
     var initiatorMap = this._initiatorByType.get(initiatorType);
     if (isInitiator)
       initiatorMap.set(id, event);
     else
       event.initiator = initiatorMap.get(id) || null;
   }
 };