#156074, processing-instructions should be better denoted.

r=caillon, tim <riceman+bmo@mail.rit.edu>
sr=bzbarsky
a=scc

#156072, DOM inspector omits the #document node, and also doesn't show any sibling nodes to the root element (comments, text nodes, etc.)
r=caillon, tim <riceman+bmo@mail.rit.edu>
sr=bzbarsky
a=scc

extensions/inspector/resources/content/viewers/dom/dom.js

@@ -110,7 +110,7 @@ DOMViewer.prototype =
   get subject() { return this.mSubject },
   set subject(aObject) {
     this.mSubject = aObject;
-    this.mDOMView.rootNode = aObject.documentElement;
+    this.mDOMView.rootNode = aObject;
     this.mObsMan.dispatchEvent("subjectChange", { subject: aObject });
     this.setInitialSelection(aObject);
   },
@@ -699,7 +699,7 @@ DOMViewer.prototype =
   
   getAllDocuments: function()
   {
-    var doc = this.mDOMView.rootNode.ownerDocument;
+    var doc = this.mDOMView.rootNode; // The node is the top-level document node.
     var results = [doc];
     this.findDocuments(doc, results);
     return results;

extensions/inspector/resources/skin/classic/viewers/dom/dom.css

@@ -57,6 +57,14 @@ treechildren:-moz-tree-cell-text(COMMENT_NODE) {
   color: #228b22;
 }
 
+treechildren:-moz-tree-cell-text(DOCUMENT_NODE) {
+  color: #800080;
+}
+
+treechildren:-moz-tree-cell-text(PROCESSING_INSTRUCTION_NODE) {
+  color: #808080;
+}
+
 treechildren:-moz-tree-cell-text(anonymous) {
   color: #ff0000;
 }

extensions/inspector/resources/skin/modern/viewers/dom/dom.css

@@ -57,11 +57,18 @@ treechildren:-moz-tree-cell-text(COMMENT_NODE) {
   color: #228b22;
 }
 
+treechildren:-moz-tree-cell-text(DOCUMENT_NODE) {
+  color: #800080;
+}
+
+treechildren:-moz-tree-cell-text(PROCESSING_INSTRUCTION_NODE) {
+  color: #808080;
+}
+
 treechildren:-moz-tree-cell-text(anonymous) {
   color: #ff0000;
 }
 
-
 treechildren:-moz-tree-cell-text(selected, focus) {
   color: #FFFFFF;
 }