DevTools: Some printed objects in console are not pinnable.

Source/devtools/front_end/console/ConsoleViewMessage.js

 /*
  * Copyright (C) 2011 Google Inc.  All rights reserved.
  * Copyright (C) 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * 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
@@ skipping 30 matching lines @@
     this._linkifier = linkifier;
     this._repeatCount = 1;
     this._closeGroupDecorationCount = 0;
     this._nestingLevel = nestingLevel;
 
     /** @type {!Array.<!WebInspector.DataGrid>} */
     this._dataGrids = [];
     /** @type {!Map.<!WebInspector.DataGrid, ?Element>} */
     this._dataGridParents = new Map();
 
+    /** @type {!Object.<string, function(!WebInspector.RemoteObject, !Element, boolean=)>} */
     this._customFormatters = {
         "object": this._formatParameterAsObject,
         "array":  this._formatParameterAsArray,
         "node":   this._formatParameterAsNode,
         "string": this._formatParameterAsString
     };
 }
 
 WebInspector.ConsoleViewMessage.prototype = {
     /**
@@ skipping 297 matching lines @@
                 formattedResult.appendChild(WebInspector.linkifyStringAsFragment(parameters[i].description));
             else
                 formattedResult.appendChild(this._formatParameter(parameters[i], false, true));
             if (i < parameters.length - 1)
                 formattedResult.appendChild(document.createTextNode(" "));
         }
         return formattedResult;
     },
 
     /**
-     * @param {?Object} output
+     * @param {!WebInspector.RemoteObject} output
      * @param {boolean=} forceObjectFormat
      * @param {boolean=} includePreview
      * @return {!Element}
      */
     _formatParameter: function(output, forceObjectFormat, includePreview)
     {
-        var type;
-        if (forceObjectFormat)
-            type = "object";
-        else if (output instanceof WebInspector.RemoteObject)
-            type = output.subtype || output.type;
-        else
-            type = typeof output;
-
-        var formatter = this._customFormatters[type];
-        if (!formatter) {
-            formatter = this._formatParameterAsValue;
-            output = output.description;
-        }
-
+        var type = forceObjectFormat ? "object" : (output.subtype || output.type);
+        var formatter = this._customFormatters[type] || this._formatParameterAsValue;
         var span = document.createElement("span");
         span.className = "console-formatted-" + type + " source-code";
         formatter.call(this, output, span, includePreview);
         return span;
     },
 
-    _formatParameterAsValue: function(val, elem)
+    /**
+     * @param {!WebInspector.RemoteObject} obj
+     * @param {!Element} elem
+     */
+    _formatParameterAsValue: function(obj, elem)
     {
-        elem.appendChild(document.createTextNode(val));
+        elem.appendChild(document.createTextNode(obj.description || ""));
+        if (obj.objectId)
+            elem.addEventListener("contextmenu", this._contextMenuEventFired.bind(this, obj), false);
     },
 
     /**
      * @param {!WebInspector.RemoteObject} obj
      * @param {!Element} elem
-     * @param {boolean} includePreview
+     * @param {boolean=} includePreview
      */
     _formatParameterAsObject: function(obj, elem, includePreview)
     {
         this._formatParameterAsArrayOrObject(obj, obj.description || "", elem, includePreview);
     },
 
     /**
      * @param {!WebInspector.RemoteObject} obj
      * @param {string} description
      * @param {!Element} elem
-     * @param {boolean} includePreview
+     * @param {boolean=} includePreview
      */
     _formatParameterAsArrayOrObject: function(obj, description, elem, includePreview)
     {
         var titleElement = document.createElement("span");
         if (description)
             titleElement.createTextChild(description);
         if (includePreview && obj.preview) {
             titleElement.classList.add("console-object-preview");
             var lossless = this._appendObjectPreview(obj, description, titleElement);
             if (lossless) {
@@ skipping 98 matching lines @@
 
         if (type === "string") {
             span.textContent = "\"" + description.replace(/\n/g, "\u21B5") + "\"";
             return span;
         }
 
         span.textContent = description;
         return span;
     },
 
+    /**
+     * @param {!WebInspector.RemoteObject} object
+     * @param {!Element} elem
+     */
     _formatParameterAsNode: function(object, elem)
     {
         /**
          * @param {!WebInspector.DOMNode} node
          * @this {WebInspector.ConsoleViewMessage}
          */
         function printNode(node)
         {
             if (!node) {
                 // Sometimes DOM is loaded after the sync message is being formatted, so we get no
@@ skipping 95 matching lines @@
         }
 
         columnNames.unshift(WebInspector.UIString("(index)"));
         var dataGrid = WebInspector.DataGrid.createSortableDataGrid(columnNames, flatValues);
         dataGrid.renderInline();
         this._dataGrids.push(dataGrid);
         this._dataGridParents.put(dataGrid, dataGridContainer);
         return element;
     },
 
+    /**
+     * @param {!WebInspector.RemoteObject} output
+     * @param {!Element} elem
+     */
     _formatParameterAsString: function(output, elem)
     {
         var span = document.createElement("span");
         span.className = "console-formatted-string source-code";
-        span.appendChild(WebInspector.linkifyStringAsFragment(output.description));
+        span.appendChild(WebInspector.linkifyStringAsFragment(output.description || ""));
 
         // Make black quotes.
         elem.classList.remove("console-formatted-string");
         elem.appendChild(document.createTextNode("\""));
         elem.appendChild(span);
         elem.appendChild(document.createTextNode("\""));
     },
 
     /**
      * @param {!WebInspector.RemoteObject} array
@@ skipping 109 matching lines @@
      * @param {string} format
      * @param {!Array.<string>} parameters
      * @param {!Element} formattedResult
      */
     _formatWithSubstitutionString: function(format, parameters, formattedResult)
     {
         var formatters = {};
 
         /**
          * @param {boolean} force
-         * @param {!Object} obj
+         * @param {!WebInspector.RemoteObject} obj
          * @return {!Element}
          * @this {WebInspector.ConsoleViewMessage}
          */
         function parameterFormatter(force, obj)
         {
             return this._formatParameter(obj, force, false);
         }
 
         function stringFormatter(obj)
         {
@@ skipping 436 matching lines @@
     {
         if (!this._wrapperElement) {
             WebInspector.ConsoleViewMessage.prototype.toMessageElement.call(this);
             this._wrapperElement.classList.toggle("collapsed", this._collapsed);
         }
         return this._wrapperElement;
     },
 
     __proto__: WebInspector.ConsoleViewMessage.prototype
 }