DevTools: group by frame, not product in the network panel.

third_party/WebKit/Source/devtools/front_end/network/NetworkFrameGrouper.js

 // Copyright 2017 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @implements {Network.GroupLookupInterface}
  */
 Network.FrameGrouper = class {
   /**
    * @param {!Network.NetworkLogView} parentView
@@ skipping 50 matching lines @@
    */
   constructor(parentView, frame, grouper) {
     super(parentView);
     this._frame = frame;
     this._grouper = grouper;
     /** @type {?Network.NetworkNode._ProductEntryInfo|undefined} */
     this._productInfoEntryCache;
   }
 
   /**
+   * @param {!UI.PopoverRequest} popover
+   * @return {!Promise<boolean>}
+   */
+  handleProductPopover(popover) {
+    var entryInfo = this._innerProductEntry();
+    if (!entryInfo)
+      return Promise.resolve(false);
+    popover.setAnchorBehavior(UI.GlassPane.AnchorBehavior.PreferBottom);
+    popover.contentElement.appendChild(Network.NetworkNode.buildReportLinkElement(entryInfo));
+    return Promise.resolve(true);
+  }
+
+  /**
    * @override
    * @return {boolean}
    */
   isFromFrame() {
     return true;
   }
 
   /**
    * @override
    */
   displayName() {
     var entryInfo = this._innerProductEntry();
     return entryInfo ? entryInfo.entry.name :
                        (new Common.ParsedURL(this._frame.url)).host || this._frame.name || '<iframe>';
   }
 
   /**
    * @override
    * @param {!Element} cell
    * @param {string} columnId
    */
   renderCell(cell, columnId) {
     super.renderCell(cell, columnId);
-    if (columnId === 'name') {
-      var name = this.displayName();
-      cell.textContent = name;
-      cell.title = name;
-    }
-    if (columnId === 'product') {
-      var entryInfo = this._innerProductEntry();
-      if (entryInfo)
-        cell.textContent = entryInfo.entry.name;
-    }
+    if (columnId === 'name')
+      cell.textContent = this.displayName();
   }
 
   /**
-   * @override
-   * @return {!Promise<?Network.NetworkNode._ProductEntryInfo>}
-   */
-  productEntry() {
-    return Promise.resolve(this._innerProductEntry());
-  }
-
-  /**
    * @return {?Network.NetworkNode._ProductEntryInfo}
    */
   _innerProductEntry() {
     if (this._productInfoEntryCache !== undefined)
       return this._productInfoEntryCache;
     var productRegistry = this._grouper._productRegistry;
     if (!productRegistry)
       return null;
     this._productInfoEntryCache = Network.NetworkNode.productEntryInfoForFrame(productRegistry, this._frame);
     return this._productInfoEntryCache;
   }
 };