DevTools: Make item info follow the mouse on the flame chart.

third_party/WebKit/Source/devtools/front_end/timeline/TimelineFlameChart.js

Index: third_party/WebKit/Source/devtools/front_end/timeline/TimelineFlameChart.js
diff --git a/third_party/WebKit/Source/devtools/front_end/timeline/TimelineFlameChart.js b/third_party/WebKit/Source/devtools/front_end/timeline/TimelineFlameChart.js
index 17b82a87303efcb51a26b4c341c36e6b7fdb4f13..8189a8700f92945b2cf4e53a68e1ebe2fa975c8e 100644
--- a/third_party/WebKit/Source/devtools/front_end/timeline/TimelineFlameChart.js
+++ b/third_party/WebKit/Source/devtools/front_end/timeline/TimelineFlameChart.js
@@ -938,6 +938,26 @@ WebInspector.TimelineFlameChartNetworkDataProvider.prototype = {
     },
 
     /**
+     * @override
+     * @param {number} index
+     * @return {?Array<!{title: string, value: (string|!Element)}>}
+     */
+    prepareHighlightedEntryInfo: function(index)
+    {
+        var /** @const */ maxURLChars = 80;
+        var request = /** @type {!WebInspector.TimelineModel.NetworkRequest} */ (this._requests[index]);
+        var duration = request.endTime - request.startTime;
+        var value = "";
+        if (request.startTime && isFinite(duration))
+            value += Number.millisToString(duration) + "\u2002";
+        if (request.requestMethod)

[caseq, 2015/11/23 18:38:12]

Let's only care for the requests for which we captured willSendRequest and hence
have method and url? You'd be able to use String.format() then.

[alph, 2015/11/23 19:54:46]

Done.

+            value += request.requestMethod + "\u2002";
+        if (request.url)
+            value += request.url.trimMiddle(maxURLChars);
+        return value ? [{ title: "", value: value }] : null;
+    },
+
+    /**
      * @param {!Array.<!WebInspector.TracingModel.Event>} events
      */
     _appendTimelineData: function(events)