Merge 135720 - Web Inspector: object preview does not render node id, className; logs too many func…

Source/WebCore/inspector/InspectorOverlayPage.html

Index: Source/WebCore/inspector/InspectorOverlayPage.html
===================================================================
--- Source/WebCore/inspector/InspectorOverlayPage.html	(revision 136041)
+++ Source/WebCore/inspector/InspectorOverlayPage.html	(working copy)
@@ -83,13 +83,20 @@
 }
 
 #tag-name {
+    /* Keep this in sync with view-source.css (.webkit-html-tag-name) */
     color: rgb(136, 18, 128);
 }
 
 #node-id {
+    /* Keep this in sync with view-source.css (.webkit-html-attribute-value) */
     color: rgb(26, 26, 166);
 }
 
+#class-name {
+    /* Keep this in sync with view-source.css (.webkit-html-attribute-name) */
+    color: rgb(153, 69, 0);
+}
+
 #right-gutter {
     display: none;
     right: 0;
@@ -335,8 +342,11 @@
         return;
 
     document.getElementById("tag-name").textContent = elementInfo.tagName;
-    document.getElementById("node-id").textContent = elementInfo.nodeId ? "#" + elementInfo.nodeId : "";
-    document.getElementById("class-name").textContent = elementInfo.className || "";
+    document.getElementById("node-id").textContent = elementInfo.idValue ? "#" + elementInfo.idValue : "";
+    var className = elementInfo.className;
+    if (className.length > 50)
+       className = className.substring(0, 50) + "\u2026";
+    document.getElementById("class-name").textContent = className;
     document.getElementById("node-width").textContent = elementInfo.nodeWidth;
     document.getElementById("node-height").textContent = elementInfo.nodeHeight;
     var elementTitle = document.getElementById("element-title");