DevTools fixes #459685. Right Clicking on an element should show "Store as Global Variable".

third_party/WebKit/Source/devtools/front_end/sources/SourcesPanel.js

 /*
  * Copyright (C) 2008 Apple Inc. All Rights Reserved.
  * Copyright (C) 2011 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:
  * 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
@@ skipping 793 matching lines @@
      * @override
      * @param {!Event} event
      * @param {!WebInspector.ContextMenu} contextMenu
      * @param {!Object} target
      */
     appendApplicableItems: function(event, contextMenu, target)
     {
         this._appendUISourceCodeItems(event, contextMenu, target);
         this.appendUILocationItems(contextMenu, target);
         this._appendRemoteObjectItems(contextMenu, target);
+        this._appendDOMNodeItems(contextMenu, target);
         this._appendNetworkRequestItems(contextMenu, target);
     },
 
     /**
      * @param {!WebInspector.UISourceCode} uiSourceCode
      */
     mapFileSystemToNetwork: function(uiSourceCode)
     {
         WebInspector.SelectUISourceCodeForProjectTypesDialog.show(uiSourceCode.name(), [WebInspector.projectTypes.Network, WebInspector.projectTypes.ContentScripts], mapFileSystemToNetwork.bind(this));
 
@@ skipping 139 matching lines @@
         if (remoteObject.type === "function")
             contextMenu.appendItem(WebInspector.UIString.capitalize("Show ^function ^definition"), this._showFunctionDefinition.bind(this, remoteObject));
         if (remoteObject.subtype === "generator")
             contextMenu.appendItem(WebInspector.UIString.capitalize("Show ^generator ^location"), this._showGeneratorLocation.bind(this, remoteObject));
     },
 
     /**
      * @param {!WebInspector.ContextMenu} contextMenu
      * @param {!Object} target
      */
+    _appendDOMNodeItems: function (contextMenu, target) {
+        if (!(target instanceof WebInspector.DOMNode))
+            return;
+        var domNode = /** @type {!WebInspector.DOMNode} */ (target);
+
+        function resolveNodeAndCall(domNode, callback)
+        {
+            function resolvedNode(remoteObject)
+            {
+                if(remoteObject)
+                    callback(remoteObject);
+            }
+
+            domNode.resolveToObject("", resolvedNode);
+        }
+
+        contextMenu.appendItem(WebInspector.UIString.capitalize("Store ^node as ^global ^variable"), resolveNodeAndCall.bind(null, domNode, this._saveToTempVariable.bind(this)));

[pfeldman, 2015/10/29 23:50:34]

It'd be great if we could surface all the object-related methods on the dom
nodes. That requires implementing something like IAdaptable from eclipse.
Unfortunately, remote objects are handles, so it is not immediately obvious how
we could adapt to them. Btw, this code also leaks the resolved object.

+    },
+
+    /**
+     * @param {!WebInspector.ContextMenu} contextMenu
+     * @param {!Object} target
+     */
     _appendNetworkRequestItems: function(contextMenu, target)
     {
         if (!(target instanceof WebInspector.NetworkRequest))
             return;
         var request = /** @type {!WebInspector.NetworkRequest} */ (target);
         var uiSourceCode = this._networkMapping.uiSourceCodeForURLForAnyTarget(request.url);
         if (!uiSourceCode)
             return;
         var openText = WebInspector.UIString.capitalize("Open in Sources ^panel");
         contextMenu.appendItem(openText, this.showUILocation.bind(this, uiSourceCode.uiLocation(0, 0)));
@@ skipping 444 matching lines @@
 WebInspector.SourcesPanelFactory.prototype = {
     /**
      * @override
      * @return {!WebInspector.Panel}
      */
     createPanel: function()
     {
         return WebInspector.SourcesPanel.instance();
     }
 }