Index: third_party/WebKit/Source/devtools/front_end/network/RequestTimingView.js |
diff --git a/third_party/WebKit/Source/devtools/front_end/network/RequestTimingView.js b/third_party/WebKit/Source/devtools/front_end/network/RequestTimingView.js |
index b3fa9b1c325272dcb451a73a4917a98efd5d0aaa..133099bf110cc899c1cc1e5664a45336ae809daa 100644 |
--- a/third_party/WebKit/Source/devtools/front_end/network/RequestTimingView.js |
+++ b/third_party/WebKit/Source/devtools/front_end/network/RequestTimingView.js |
@@ -278,5 +278,34 @@ WebInspector.RequestTimingView.createTimingTable = function(request, navigationS |
note.appendChild(WebInspector.linkifyDocumentationURLAsNode("profile/network-performance/resource-loading#view-network-timing-details-for-a-specific-resource", WebInspector.UIString("Explanation"))); |
footer.createChild("td").createTextChild(Number.secondsToString(totalDuration, true)); |
+ var serverHeader; |
+ var serverTimings = request.serverTimings; |
+ |
+ if (serverTimings) { |
pfeldman
2016/03/15 20:18:59
[style] Blink's code style suggests to prefer earl
|
+ var breakEl = tableElement.createChild("tr", "network-timing-table-header").createChild("td"); |
+ breakEl.colSpan = 3; |
+ breakEl.createChild("hr", "break"); |
+ serverHeader = tableElement.createChild("tr", "network-timing-table-header"); |
+ serverHeader.createChild("td").createTextChild(WebInspector.UIString("Server-Timing")); |
+ serverHeader.createChild("td").createTextChild(""); |
+ serverHeader.createChild("td").createTextChild(WebInspector.UIString("TIME")); |
+ |
+ /** |
+ * @param {!WebInspector.ServerTiming} serverTiming |
+ */ |
+ function addTiming(serverTiming) { |
pfeldman
2016/03/15 20:18:59
[style] { goes next line.
|
+ var tr = tableElement.createChild("tr", serverTiming.metric == "total" ? "network-timing-footer" : ""); |
+ var metric = tr.createChild("td", "network-timing-metric"); |
+ metric.colSpan = 2; |
+ metric.createTextChild(serverTiming.description || serverTiming.metric); |
+ |
+ var label = tr.createChild("td").createChild("div", "network-timing-bar-title"); |
+ label.textContent = Number.secondsToString(serverTiming.value, true); |
+ } |
+ |
+ serverTimings.filter(item => item.metric.toLowerCase() != "total").forEach(addTiming); |
+ serverTimings.filter(item => item.metric.toLowerCase() == "total").forEach(addTiming); |
+ } |
+ |
return tableElement; |
} |