Rename DOM.getLayoutTreeNodes to CSS.getLayoutTreeAndStyles

third_party/WebKit/Source/core/inspector/browser_protocol.json

 {
     "version": { "major": "1", "minor": "2" },
     "domains": [{
         "domain": "Inspector",
         "experimental": true,
         "types": [],
         "commands": [
             {
                 "name": "enable",
                 "description": "Enables inspector domain notifications.",
@@ skipping 2043 matching lines @@
                     { "name": "contentDocument", "$ref": "Node", "optional": true, "description": "Content document for frame owner elements." },
                     { "name": "shadowRoots", "type": "array", "optional": true, "items": { "$ref": "Node" }, "description": "Shadow root list for given element host.", "experimental": true },
                     { "name": "templateContent", "$ref": "Node", "optional": true, "description": "Content document fragment for template elements.", "experimental": true },
                     { "name": "pseudoElements", "type": "array", "items": { "$ref": "Node" }, "optional": true, "description": "Pseudo elements associated with this node.", "experimental": true },
                     { "name": "importedDocument", "$ref": "Node", "optional": true, "description": "Import document for the HTMLImport links." },
                     { "name": "distributedNodes", "type": "array", "items": { "$ref": "BackendNode" }, "optional": true, "description": "Distributed nodes for given insertion point.", "experimental": true }
                 ],
                 "description": "DOM interaction is implemented in terms of mirror objects that represent the actual DOM nodes. DOMNode is a base node mirror type."
             },
             {
-                "id": "InlineTextBox",
-                "type": "object",
-                "properties": [
-                    { "name": "boundingBox", "$ref": "Rect", "description": "The absolute position bounding box." },
-                    { "name": "startCharacterIndex", "type": "integer", "description": "The starting index in characters, for this post layout textbox substring." },
-                    { "name": "numCharacters", "type": "integer", "description": "The number of characters in this post layout textbox substring." }
-                ],
-                "description": "Details of post layout rendered text positions. The exact layout should not be regarded as stable and may change between versions.",
-                "experimental": true
-            },
-            {
-                "id": "LayoutTreeNode",
-                "type": "object",
-                "properties": [
-                    { "name": "backendNodeId", "$ref": "BackendNodeId", "description": "The BackendNodeId of the related DOM node." },
-                    { "name": "boundingBox", "$ref": "Rect", "description": "The absolute position bounding box." },
-                    { "name": "layoutText", "type": "string", "optional": true, "description": "Contents of the LayoutText if any" },
-                    { "name": "inlineTextNodes", "type": "array", "optional": true, "items": { "$ref": "InlineTextBox" }, "description": "The post layout inline text nodes, if any." }
-                ],
-                "description": "Details of an element in the DOM tree with a LayoutObject.",
-                "experimental": true
-            },
-            {
                 "id": "RGBA",
                 "type": "object",
                 "properties": [
                     { "name": "r", "type": "integer", "description": "The red component, in the [0-255] range." },
                     { "name": "g", "type": "integer", "description": "The green component, in the [0-255] range." },
                     { "name": "b", "type": "integer", "description": "The blue component, in the [0-255] range." },
                     { "name": "a", "type": "number", "optional": true, "description": "The alpha component, in the [0-1] range (default: 1)." }
                 ],
                 "description": "A structure holding an RGBA color."
             },
@@ skipping 89 matching lines @@
                 "parameters": [
                     { "name": "depth", "type": "integer", "optional": true, "description": "The maximum depth at which children should be retrieved, defaults to 1. Use -1 for the entire subtree or provide an integer larger than 0.", "experimental": true },
                     { "name": "traverseFrames", "type": "boolean", "optional": true, "description": "Whether or not iframes should be traversed when returning the subtree (default is false).", "experimental": true }
                 ],
                 "returns": [
                     { "name": "root", "$ref": "Node", "description": "Resulting node." }
                 ],
                 "description": "Returns the root DOM node (and optionally the subtree) to the caller."
             },
             {
-                "name": "getLayoutTreeNodes",
-                "returns": [
-                    { "name": "layoutTreeNodes", "type": "array", "items": { "$ref": "LayoutTreeNode" } }
-                ],
-                "description": "Returns the document's LayoutTreeNodes to the caller, and those of any iframes too.",
-                "experimental": true
-            },
-            {
                 "name": "collectClassNamesFromSubtree",
                 "parameters": [
                     { "name": "nodeId", "$ref": "NodeId", "description": "Id of the node to collect class names." }
                 ],
                 "returns": [
                     {"name": "classNames", "type": "array", "items": { "type": "string" }, "description": "Class name list." }
                 ],
                 "description": "Collects class names for the node with given id and all of it's child nodes.",
                 "experimental": true
             },
@@ skipping 701 matching lines @@
             },
             {
                 "id": "StyleDeclarationEdit",
                 "type": "object",
                 "properties": [
                     { "name": "styleSheetId", "$ref": "StyleSheetId", "description": "The css style sheet identifier." },
                     { "name": "range", "$ref": "SourceRange", "description": "The range of the style text in the enclosing stylesheet." },
                     { "name": "text", "type": "string", "description": "New style text."}
                 ],
                 "description": "A descriptor of operation to mutate style declaration text."
+            },
+            {
+                "id": "InlineTextBox",
+                "type": "object",
+                "properties": [
+                    { "name": "boundingBox", "$ref": "DOM.Rect", "description": "The absolute position bounding box." },
+                    { "name": "startCharacterIndex", "type": "integer", "description": "The starting index in characters, for this post layout textbox substring." },
+                    { "name": "numCharacters", "type": "integer", "description": "The number of characters in this post layout textbox substring." }
+                ],
+                "description": "Details of post layout rendered text positions. The exact layout should not be regarded as stable and may change between versions.",
+                "experimental": true
+            },
+            {
+                "id": "LayoutTreeNode",
+                "type": "object",
+                "properties": [
+                    { "name": "backendNodeId", "$ref": "DOM.BackendNodeId", "description": "The BackendNodeId of the related DOM node." },
+                    { "name": "boundingBox", "$ref": "DOM.Rect", "description": "The absolute position bounding box." },
+                    { "name": "layoutText", "type": "string", "optional": true, "description": "Contents of the LayoutText if any" },
+                    { "name": "inlineTextNodes", "type": "array", "optional": true, "items": { "$ref": "InlineTextBox" }, "description": "The post layout inline text nodes, if any." },
+                    { "name": "styleIndex", "type": "integer", "optional": true, "description": "Index into the computedStyles array returned by getLayoutTreeAndStyles." }
+                ],
+                "description": "Details of an element in the DOM tree with a LayoutObject.",
+                "experimental": true
+            },
+            {
+                "id": "ComputedStyle",
+                "type": "object",
+                "properties": [
+                    { "name": "properties", "type": "array", "items": { "$ref": "CSSComputedStyleProperty" } }
+                ],
+                "description": "A subset of the full ComputedStyle as defined by the request whitelist.",
+                "experimental": true
             }
         ],
         "commands": [
             {
                 "name": "enable",
                 "async": true,
                 "description": "Enables the CSS agent for the given page. Clients should not assume that the CSS agent has been enabled until the result of this command is received."
             },
             {
                 "name": "disable",
@@ skipping 174 matching lines @@
             },
             {
                 "name": "getBackgroundColors",
                 "parameters": [
                     { "name": "nodeId", "$ref": "DOM.NodeId", "description": "Id of the node to get background colors for." }
                 ],
                 "returns": [
                     { "name": "backgroundColors", "type": "array", "items": { "type": "string" }, "description": "The range of background colors behind this element, if it contains any visible text. If no visible text is present, this will be undefined. In the case of a flat background color, this will consist of simply that color. In the case of a gradient, this will consist of each of the color stops. For anything more complicated, this will be an empty array. Images will be ignored (as if the image had failed to load).", "optional": true }
                 ],
                 "experimental": true
+            },
+            {
+                "name": "getLayoutTreeAndStyles",
+                "parameters": [
+                    { "name": "computedStyleWhitelist", "type": "array", "items": { "type": "string" }, "description": "Whitelist of computed styles to return." }
+                ],
+                "returns": [
+                    { "name": "layoutTreeNodes", "type": "array", "items": { "$ref": "LayoutTreeNode" } },
+                    { "name": "computedStyles", "type": "array", "items": { "$ref": "ComputedStyle" } }
+                ],
+                "description": "For the main document and any content documents, return the LayoutTreeNodes and a whitelisted subset of the computed style.",
+                "experimental": true
             }
         ],
         "events": [
             {
                 "name": "mediaQueryResultChanged",
                 "description": "Fires whenever a MediaQuery result changes (for example, after a browser window has been resized.) The current implementation considers only viewport-dependent media features."
             },
             {
                 "name": "fontsUpdated",
                 "description": "Fires whenever a web font gets loaded."
@@ skipping 1515 matching lines @@
                 "description": "Informs that port was successfully bound and got a specified connection id.",
                 "parameters": [
                     {"name": "port", "type": "integer", "description": "Port number that was successfully bound." },
                     {"name": "connectionId", "type": "string", "description": "Connection id to be used." }
                 ],
                 "handlers": ["browser"]
             }
         ]
     }]
 }