DevTools -> Memory Tab -> Allowing to edit a title of a heap snapshot

third_party/WebKit/Source/devtools/front_end/profiler/ProfilesPanel.js

 /*
  * Copyright (C) 2008 Apple 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:
  * 1. Redistributions of source code must retain the above copyright
  *    notice, this list of conditions and the following disclaimer.
  * 2. Redistributions in binary form must reproduce the above copyright
  *    notice, this list of conditions and the following disclaimer in the
@@ skipping 594 matching lines @@
     this._titleContainer = this._titlesElement.createChild('span', 'title-container');
     this._titleElement = this._titleContainer.createChild('span', 'title');
     this._subtitleElement = this._titlesElement.createChild('span', 'subtitle');
 
     this._titleElement.textContent = profile.title;
     this._className = className;
     this._small = false;
     this._dataDisplayDelegate = dataDisplayDelegate;
     this.profile = profile;
     profile.addEventListener(Profiler.ProfileHeader.Events.UpdateStatus, this._updateStatus, this);
+    profile.addEventListener(Profiler.ProfileHeader.Events.ProfileTitleChanged, this._updateTitle, this);
     if (profile.canSaveToFile())
       this._createSaveLink();
     else
       profile.addEventListener(Profiler.ProfileHeader.Events.ProfileReceived, this._onProfileReceived, this);
   }
 
   _createSaveLink() {
     this._saveLinkElement = this._titleContainer.createChild('span', 'save-link');
     this._saveLinkElement.textContent = Common.UIString('Save');
     this._saveLinkElement.addEventListener('click', this._saveProfile.bind(this), false);
   }
 
   _onProfileReceived(event) {
     this._createSaveLink();
   }
 
   /**
    * @param {!Common.Event} event
    */
   _updateStatus(event) {
     var statusUpdate = event.data;
     if (statusUpdate.subtitle !== null) {
       this._subtitleElement.textContent = statusUpdate.subtitle || '';
       this._titlesElement.classList.toggle('no-subtitle', !statusUpdate.subtitle);
     }
     if (typeof statusUpdate.wait === 'boolean' && this.listItemElement)
       this.listItemElement.classList.toggle('wait', statusUpdate.wait);
   }
 
+  /**
+   * @override

[alph, 2017/07/10 21:16:30]

@param {!Event} event

[diana.suvorova, 2017/07/11 16:54:26]

thanks!

+   * @return {boolean}
+   */
+  ondblclick(event) {
+    if (this._editing)
+      return false;
+    this._startEditing(/** @type {!Element} */ (event.target));
+    return false;
+  }
+
+  /**
+   * @param {!Element} eventTarget
+   */
+  _startEditing(eventTarget) {
+    var container = eventTarget.enclosingNodeOrSelfWithClass('title-container');

[alph, 2017/07/10 21:16:30]

Can you please attach the editor to the title element, instead of
title-container, so it won't affect the save link.

[diana.suvorova, 2017/07/11 16:54:26]

Yes, thanks for suggesting this. It is much cleaner this way.

+    if (!container)
+      return;
+    container.textContent = this.profile.title;
+    var config = new UI.InplaceEditor.Config(this._editingCommitted.bind(this), this._editingCancelled.bind(this));
+    this._editing = UI.InplaceEditor.startEditing(container, config);
+  }
+
+  /**
+   * @param {!Element} container
+   * @param {string} newTitle
+   * @param {string} oldTitle
+   */
+  _editingCommitted(container, newTitle, oldTitle) {

[alph, 2017/07/10 21:16:31]

you can drop oldTitle args as it's not used.

[diana.suvorova, 2017/07/11 16:54:26]

gone

+    delete this._editing;
+
+    this.profile.setTitle(newTitle);
+  }
+
+  _editingCancelled() {
+    delete this._editing;
+    this._updateTitle();
+  }
+
+  _updateTitle() {
+    if (this._titleContainer.getElementsByClassName('save-link').length === 0)
+      this._createSaveLink();
+    this._titleElement.textContent = this.profile.title;
+  }
+
   dispose() {
     this.profile.removeEventListener(Profiler.ProfileHeader.Events.UpdateStatus, this._updateStatus, this);
     this.profile.removeEventListener(Profiler.ProfileHeader.Events.ProfileReceived, this._onProfileReceived, this);
+    this.profile.removeEventListener(Profiler.ProfileHeader.Events.ProfileTitleChanged, this._updateTitle, this);
   }
 
   /**
    * @override
    * @return {boolean}
    */
   onselect() {
     this._dataDisplayDelegate.showProfile(this.profile);
     return true;
   }
@@ skipping 158 matching lines @@
    * @param {string} actionId
    * @return {boolean}
    */
   handleAction(context, actionId) {
     var panel = UI.context.flavor(Profiler.JSProfilerPanel);
     console.assert(panel && panel instanceof Profiler.JSProfilerPanel);
     panel.toggleRecord();
     return true;
   }
 };