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

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

 /*
  * Copyright (C) 2014 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 920 matching lines @@
      * @override
      * @param {number} index
      * @return {boolean}
      */
     forceDecoration: function(index)
     {
         return true;
     },
 
     /**
+     * @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)
     {
         this._minimumBoundary = this._model.minimumRecordTime();
         this._maximumBoundary = this._model.maximumRecordTime();
         this._timeSpan = this._model.isEmpty() ? 1000 : this._maximumBoundary - this._minimumBoundary;
         this._model.networkRequests().forEach(this._appendEntry.bind(this));
         this._updateTimelineData();
     },
@@ skipping 339 matching lines @@
 /**
   * @constructor
   * @param {!WebInspector.TimelineSelection} selection
   * @param {number} entryIndex
   */
 WebInspector.TimelineFlameChartView.Selection = function(selection, entryIndex)
 {
     this.timelineSelection = selection;
     this.entryIndex = entryIndex;
 }