DevTools: Depict network request timings on timeline network pane.

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

Index: third_party/WebKit/Source/devtools/front_end/timeline_model/TimelineModel.js
diff --git a/third_party/WebKit/Source/devtools/front_end/timeline_model/TimelineModel.js b/third_party/WebKit/Source/devtools/front_end/timeline_model/TimelineModel.js
index 987ae4ddad0064d1474195ebc91bdae49ed3cbcc..93454423681a2f32f85f60fb9fe64c489ae10721 100644
--- a/third_party/WebKit/Source/devtools/front_end/timeline_model/TimelineModel.js
+++ b/third_party/WebKit/Source/devtools/front_end/timeline_model/TimelineModel.js
@@ -1391,6 +1391,14 @@ WebInspector.TimelineModel.NetworkRequest = class {
     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);
   }
 
@@ -1408,6 +1416,8 @@ WebInspector.TimelineModel.NetworkRequest = class {
       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;
@@ -1415,6 +1425,8 @@ WebInspector.TimelineModel.NetworkRequest = class {
       this.url = eventData['url'];
     if (!this.requestMethod)
       this.requestMethod = eventData['requestMethod'];
+    if (!this.timing)
+      this.timing = eventData['timing'];
   }
 };