DevTools: Fix console not showing array items inherited from prototype.

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 499 matching lines @@
 
     /**
      * @param {!Element} parentElement
      * @param {!RuntimeAgent.ObjectPreview} preview
      * @param {?WebInspector.RemoteObject} object
      * @return {boolean} true iff preview captured all information.
      */
     _appendPropertiesPreview: function(parentElement, preview, object)
     {
         var isArray = preview.subtype === "array";
+        var arrayLength = WebInspector.RemoteObject.arrayLength(preview);
+        var properties = preview.properties;
+        if (isArray)
+            properties = properties.slice().stableSort(compareIndexesFirst);
+
+        /**
+         * @param {!RuntimeAgent.PropertyPreview} a
+         * @param {!RuntimeAgent.PropertyPreview} b
+         */
+        function compareIndexesFirst(a, b)
+        {
+            var index1 = toArrayIndex(a.name);
+            var index2 = toArrayIndex(b.name);
+            if (index1 < 0)
+                return index2 < 0 ? 0 : 1;
+            return index2 < 0 ? -1 : index1 - index2;
+        }
+
+        /**
+         * @param {string} name
+         * @return {number}
+         */
+        function toArrayIndex(name)
+        {
+            var index = name >>> 0;
+            if (String(index) === name && index < arrayLength)
+                return index;
+            return -1;
+        }
+
         parentElement.createTextChild(isArray ? "[" : "{");
-        for (var i = 0; i < preview.properties.length; ++i) {
+        for (var i = 0; i < properties.length; ++i) {
             if (i > 0)
                 parentElement.createTextChild(", ");
 
-            var property = preview.properties[i];
+            var property = properties[i];
             var name = property.name;
-            if (!isArray || name != i) {
+            if (!isArray || name != i || i >= arrayLength) {
                 if (/^\s|\s$|^$|\n/.test(name))
                     parentElement.createChild("span", "name").createTextChildren("\"", name.replace(/\n/g, "\u21B5"), "\"");
                 else
                     parentElement.createChild("span", "name").textContent = name;
                 parentElement.createTextChild(": ");
             }
 
             parentElement.appendChild(this._renderPropertyPreviewOrAccessor(object, [property]));
         }
         if (preview.overflow)
@@ skipping 109 matching lines @@
      * @param {!WebInspector.RemoteObject} array
      * @param {!Element} elem
      */
     _formatParameterAsArray: function(array, elem)
     {
         if (this.useArrayPreviewInFormatter(array)) {
             this._formatParameterAsArrayOrObject(array, elem, true);
             return;
         }
 
-        const maxFlatArrayLength = 100;
+        var maxFlatArrayLength = 100;
         if (this._message.isOutdated || array.arrayLength() > maxFlatArrayLength)
             this._formatParameterAsObject(array, elem, false);
         else
-            array.getOwnProperties(this._printArray.bind(this, array, elem));
+            array.getAllProperties(false, this._printArray.bind(this, array, elem));
     },
 
     /**
      * @param {!Array.<!WebInspector.RemoteObject>} parameters
      * @return {!Element}
      */
     _formatParameterAsTable: function(parameters)
     {
         var element = createElement("span");
         var table = parameters[0];
@@ skipping 71 matching lines @@
         elem.createTextChild("\"");
     },
 
     /**
      * @param {!WebInspector.RemoteObject} array
      * @param {!Element} elem
      * @param {?Array.<!WebInspector.RemoteObjectProperty>} properties
      */
     _printArray: function(array, elem, properties)
     {
-        if (!properties)
+        if (!properties) {
+            this._formatParameterAsObject(array, elem, false);
             return;
+        }
 
         var elements = [];
         for (var i = 0; i < properties.length; ++i) {
             var property = properties[i];
             var name = property.name;
             if (isNaN(name))
                 continue;
             if (property.getter)
                 elements[name] = this._formatAsAccessorProperty(array, [name], true);
             else if (property.value)
@@ skipping 635 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
 }