| { |
| "domains": [ |
| { |
| "commands": [ |
| { |
| "description": "Enables DOM agent for the given page.", |
| "name": "enable" |
| }, |
| { |
| "description": "Disables DOM agent for the given page.", |
| "name": "disable" |
| }, |
| { |
| "description": "Returns the root DOM node to the caller.", |
| "name": "getDocument", |
| "returns": [ |
| { |
| "$ref": "Node", |
| "description": "Resulting node.", |
| "name": "root" |
| } |
| ] |
| }, |
| { |
| "name": "highlightNode", |
| "description": "Highlights DOM node.", |
| "redirect": "Overlay" |
| }, |
| { |
| "name": "hideHighlight", |
| "description": "Hides DOM node highlight." |
| }, |
| { |
| "name": "pushNodesByBackendIdsToFrontend", |
| "parameters": [ |
| { |
| "name": "backendNodeIds", |
| "type": "array", |
| "items": { |
| "$ref": "BackendNodeId" |
| }, |
| "description": "The array of backend node ids." |
| } |
| ], |
| "returns": [ |
| { |
| "name": "nodeIds", |
| "type": "array", |
| "items": { |
| "$ref": "NodeId" |
| }, |
| "description": "The array of ids of pushed nodes that correspond to the backend ids specified in backendNodeIds." |
| } |
| ], |
| "description": "Requests that a batch of nodes is sent to the caller given their backend node ids.", |
| "experimental": true |
| } |
| ], |
| "events": [ |
| { |
| "name": "nodeHighlightRequested", |
| "parameters": [ |
| { |
| "name": "nodeId", |
| "$ref": "NodeId", |
| "description": "Identifier of the node to highlight in DOM tree." |
| } |
| ], |
| "description": "In DOM tree, highlights DOM node with given id." |
| }, |
| { |
| "name": "childNodeInserted", |
| "parameters": [ |
| { |
| "description": "Id of the node that has changed.", |
| "name": "parentNodeId", |
| "$ref": "NodeId" |
| }, |
| { |
| "description": "Id of the previous sibling (0 if this is at the beginning of the list).", |
| "name": "previousNodeId", |
| "$ref": "NodeId" |
| }, |
| { |
| "description": "Inserted node data.", |
| "name": "node", |
| "$ref": "Node" |
| } |
| ], |
| "description": "Mirrors <code>DOMNodeInserted</code> event." |
| }, |
| { |
| "name": "childNodeRemoved", |
| "parameters": [ |
| { |
| "description": "Parent id.", |
| "name": "parentNodeId", |
| "$ref": "NodeId" |
| }, |
| { |
| "description": "Id of the node that has been removed.", |
| "name": "nodeId", |
| "$ref": "NodeId" |
| } |
| ], |
| "description": "Mirrors <code>DOMNodeRemoved</code> event." |
| } |
| ], |
| "domain": "DOM", |
| "types": [ |
| { |
| "description": "Unique DOM node identifier.", |
| "id": "NodeId", |
| "type": "integer" |
| }, |
| { |
| "id": "BackendNodeId", |
| "type": "integer", |
| "description": "Unique DOM node identifier used to reference a node that may not have been pushed to the front-end." |
| }, |
| { |
| "description": "DOM interaction is implemented in terms of mirror objects that represent the actual DOM nodes. DOMNode is a base node mirror type.", |
| "id": "Node", |
| "properties": [ |
| { |
| "$ref": "NodeId", |
| "description": "Node identifier that is passed into the rest of the DOM messages as the <code>nodeId</code>. Backend will only push node with given <code>id</code> once. It is aware of all requested nodes and will only fire DOM events for nodes known to the client.", |
| "name": "nodeId" |
| }, |
| { |
| "name": "backendNodeId", |
| "$ref": "BackendNodeId", |
| "description": "The BackendNodeId for this node." |
| }, |
| { |
| "description": "<code>Node</code>'s nodeType.", |
| "name": "nodeType", |
| "type": "integer" |
| }, |
| { |
| "description": "<code>Node</code>'s nodeName.", |
| "name": "nodeName", |
| "type": "string" |
| }, |
| { |
| "description": "Child count for <code>Container</code> nodes.", |
| "name": "childNodeCount", |
| "optional": true, |
| "type": "integer" |
| }, |
| { |
| "description": "Child nodes of this node when requested with children.", |
| "items": { |
| "$ref": "Node" |
| }, |
| "name": "children", |
| "optional": true, |
| "type": "array" |
| }, |
| { |
| "description": "Attributes of the <code>Element</code> node in the form of flat array <code>[name1, value1, name2, value2]</code>.", |
| "items": { |
| "type": "string" |
| }, |
| "name": "attributes", |
| "optional": true, |
| "type": "array" |
| }, |
| { |
| "description": "<code>Attr</code>'s name.", |
| "name": "name", |
| "optional": true, |
| "type": "string" |
| }, |
| { |
| "description": "<code>Attr</code>'s value.", |
| "name": "value", |
| "optional": true, |
| "type": "string" |
| } |
| ], |
| "type": "object" |
| }, |
| { |
| "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." |
| }, |
| { |
| "id": "Mode", |
| "type": "string", |
| "description": "Enable or Disable the highlighting inspector." |
| }, |
| { |
| "id": "HighlightConfig", |
| "type": "object", |
| "properties": [ |
| { |
| "name": "showInfo", |
| "type": "boolean", |
| "optional": true, |
| "description": "Whether the node info tooltip should be shown (default: false)." |
| }, |
| { |
| "name": "showRulers", |
| "type": "boolean", |
| "optional": true, |
| "description": "Whether the rulers should be shown (default: false)." |
| }, |
| { |
| "name": "showExtensionLines", |
| "type": "boolean", |
| "optional": true, |
| "description": "Whether the extension lines from node to the rulers should be shown (default: false)." |
| }, |
| { |
| "name": "displayAsMaterial", |
| "type": "boolean", |
| "optional": true |
| }, |
| { |
| "name": "contentColor", |
| "$ref": "DOM.RGBA", |
| "optional": true, |
| "description": "The content box highlight fill color (default: transparent)." |
| }, |
| { |
| "name": "paddingColor", |
| "$ref": "DOM.RGBA", |
| "optional": true, |
| "description": "The padding highlight fill color (default: transparent)." |
| }, |
| { |
| "name": "borderColor", |
| "$ref": "DOM.RGBA", |
| "optional": true, |
| "description": "The border highlight fill color (default: transparent)." |
| }, |
| { |
| "name": "marginColor", |
| "$ref": "DOM.RGBA", |
| "optional": true, |
| "description": "The margin highlight fill color (default: transparent)." |
| }, |
| { |
| "name": "eventTargetColor", |
| "$ref": "DOM.RGBA", |
| "optional": true, |
| "description": "The event target element highlight fill color (default: transparent)." |
| }, |
| { |
| "name": "shapeColor", |
| "$ref": "DOM.RGBA", |
| "optional": true, |
| "description": "The shape outside fill color (default: transparent)." |
| }, |
| { |
| "name": "shapeMarginColor", |
| "$ref": "DOM.RGBA", |
| "optional": true, |
| "description": "The shape margin fill color (default: transparent)." |
| }, |
| { |
| "name": "selectorList", |
| "type": "string", |
| "optional": true, |
| "description": "Selectors to highlight relevant nodes." |
| } |
| ], |
| "description": "Configuration data for the highlighting of page elements." |
| } |
| ] |
| }, |
| { |
| "commands": [ |
| { |
| "description": "Enables CSS agent for the given page.", |
| "name": "enable" |
| }, |
| { |
| "description": "Disables CSS agent for the given page.", |
| "name": "disable" |
| }, |
| { |
| "description": "Returns requested styles for a DOM node identified by <code>nodeId</code>.", |
| "name": "getMatchedStylesForNode", |
| "parameters": [ |
| { |
| "$ref": "DOM.NodeId", |
| "name": "nodeId" |
| } |
| ], |
| "returns": [ |
| { |
| "$ref": "CSSStyle", |
| "description": "Inline style for the specified DOM node.", |
| "name": "inlineStyle", |
| "optional": true |
| } |
| ] |
| }, |
| { |
| "description": "Applies specified style edits one after another in the given order.", |
| "name": "setStyleTexts", |
| "parameters": [ |
| { |
| "items": { |
| "$ref": "StyleDeclarationEdit" |
| }, |
| "type": "array", |
| "name": "edits" |
| } |
| ], |
| "returns": [ |
| { |
| "items": { |
| "$ref": "CSSStyle" |
| }, |
| "type": "array", |
| "name": "styles", |
| "description": "The resulting styles after modification." |
| } |
| ] |
| } |
| ], |
| "events": [ |
| { |
| "name": "styleSheetChanged", |
| "parameters": [ |
| { |
| "name": "styleSheetId", |
| "$ref": "StyleSheetId" |
| } |
| ], |
| "description": "Fired whenever any bounds are updated for any object." |
| } |
| ], |
| "domain": "CSS", |
| "types": [ |
| { |
| "id": "StyleSheetId", |
| "type": "string" |
| }, |
| { |
| "description": "Text range within a resource. All numbers are zero-based.", |
| "type": "object", |
| "id": "SourceRange", |
| "properties": [ |
| { |
| "type": "integer", |
| "name": "startLine", |
| "description": "Start line of range." |
| }, |
| { |
| "type": "integer", |
| "name": "startColumn", |
| "description": "Start column of range (inclusive)." |
| }, |
| { |
| "type": "integer", |
| "name": "endLine", |
| "description": "End line of range" |
| }, |
| { |
| "type": "integer", |
| "name": "endColumn", |
| "description": "End column of range (exclusive)." |
| } |
| ] |
| }, |
| { |
| "description": "A descriptor of operation to mutate style declaration text.", |
| "type": "object", |
| "id": "StyleDeclarationEdit", |
| "properties": [ |
| { |
| "description": "The css style sheet identifier (same as NodeId for UI DevTools).", |
| "name": "styleSheetId", |
| "$ref": "StyleSheetId" |
| }, |
| { |
| "type": "string", |
| "name": "text", |
| "description": "New style text." |
| } |
| ] |
| }, |
| { |
| "id": "CSSProperty", |
| "properties": [ |
| { |
| "description": "The property name.", |
| "name": "name", |
| "type": "string" |
| }, |
| { |
| "description": "The property value.", |
| "name": "value", |
| "type": "string" |
| }, |
| { |
| "name": "range", |
| "$ref": "SourceRange", |
| "optional": true, |
| "description": "The entire property range in the enclosing style declaration (if available)." |
| } |
| ], |
| "type": "object" |
| }, |
| { |
| "description": "CSS style representation.", |
| "id": "CSSStyle", |
| "properties": [ |
| { |
| "description": "The css style sheet identifier (absent for user agent stylesheet and user-specified stylesheet rules) this rule came from. For UI devtools, this is simply equivalent to the NodeId.", |
| "optional": true, |
| "name": "styleSheetId", |
| "$ref": "StyleSheetId" |
| }, |
| { |
| "description": "CSS properties in the style.", |
| "items": { |
| "$ref": "CSSProperty" |
| }, |
| "name": "cssProperties", |
| "type": "array" |
| }, |
| { |
| "description": "Frontend requires us to pass this. We just pass an empty array.", |
| "items": { |
| "type": "string" |
| }, |
| "name": "shorthandEntries", |
| "type": "array" |
| }, |
| { |
| "description": "Style declaration range in the enclosing stylesheet (if available).", |
| "optional": true, |
| "name": "range", |
| "$ref": "SourceRange" |
| } |
| ], |
| "type": "object" |
| } |
| ] |
| }, |
| { |
| "commands": [ |
| { |
| "description": "Enables Overlay agent for the given page.", |
| "name": "enable" |
| }, |
| { |
| "description": "Disables Overlay agent for the given page.", |
| "name": "disable" |
| }, |
| { |
| "name": "highlightNode", |
| "description": "Highlights DOM node with given id.", |
| "parameters": [ |
| { |
| "name": "highlightConfig", |
| "$ref": "HighlightConfig", |
| "description": "A descriptor for the highlight appearance." |
| }, |
| { |
| "name": "nodeId", |
| "$ref": "DOM.NodeId", |
| "optional":true, |
| "description": "Identifier of the node to highlight." |
| } |
| ] |
| }, |
| { |
| "name": "hideHighlight", |
| "description": "Hides DOM node highlight." |
| }, |
| { |
| "name": "setInspectMode", |
| "parameters": [ |
| { |
| "description": "Set an inspection mode.", |
| "name": "mode", |
| "$ref": "InspectMode" |
| }, |
| { |
| "description": "A descriptor for the highlight appearance of hovered-over nodes. May be omitted if <code>enabled == false</code>.", |
| "optional":true, |
| "name": "highlightConfig", |
| "$ref": "HighlightConfig" |
| } |
| ], |
| "description": "Enters the 'inspect' mode. In this mode, elements that user is hovering over are highlighted. Backend then generates 'inspectNodeRequested' event upon element selection." |
| } |
| ], |
| "description": "This domain provides various functionality related to drawing atop the inspected page.", |
| "domain": "Overlay", |
| "dependencies": [ |
| "DOM" |
| ], |
| "experimental":true, |
| "events": [ |
| { |
| "name": "nodeHighlightRequested", |
| "description": "Fired when the node should be highlighted. This happens after call to <code>setInspectMode</code>.", |
| "parameters": [ |
| { |
| "name": "nodeId", |
| "$ref": "DOM.NodeId" |
| } |
| ] |
| }, |
| { |
| "name": "inspectNodeRequested", |
| "description": "Fired when the node should be inspected. This happens after call to <code>setInspectMode</code> or when user manually inspects an element.", |
| "parameters": [ |
| { |
| "name": "backendNodeId", |
| "$ref": "DOM.BackendNodeId", |
| "description": "Id of the node to inspect." |
| } |
| ] |
| } |
| ], |
| "types": [ |
| { |
| "id": "HighlightConfig", |
| "type": "object", |
| "properties": [ |
| { |
| "name": "showInfo", |
| "type": "boolean", |
| "optional":true, |
| "description": "Whether the node info tooltip should be shown (default: false)." |
| }, |
| { |
| "name": "showRulers", |
| "type": "boolean", |
| "optional":true, |
| "description": "Whether the rulers should be shown (default: false)." |
| }, |
| { |
| "name": "showExtensionLines", |
| "type": "boolean", |
| "optional":true, |
| "description": "Whether the extension lines from node to the rulers should be shown (default: false)." |
| }, |
| { |
| "name": "displayAsMaterial", |
| "type": "boolean", |
| "optional":true |
| }, |
| { |
| "name": "contentColor", |
| "$ref": "DOM.RGBA", |
| "optional":true, |
| "description": "The content box highlight fill color (default: transparent)." |
| }, |
| { |
| "name": "paddingColor", |
| "$ref": "DOM.RGBA", |
| "optional":true, |
| "description": "The padding highlight fill color (default: transparent)." |
| }, |
| { |
| "name": "borderColor", |
| "$ref": "DOM.RGBA", |
| "optional":true, |
| "description": "The border highlight fill color (default: transparent)." |
| }, |
| { |
| "name": "marginColor", |
| "$ref": "DOM.RGBA", |
| "optional":true, |
| "description": "The margin highlight fill color (default: transparent)." |
| }, |
| { |
| "name": "eventTargetColor", |
| "$ref": "DOM.RGBA", |
| "optional":true, |
| "description": "The event target element highlight fill color (default: transparent)." |
| }, |
| { |
| "name": "shapeColor", |
| "$ref": "DOM.RGBA", |
| "optional":true, |
| "description": "The shape outside fill color (default: transparent)." |
| }, |
| { |
| "name": "shapeMarginColor", |
| "$ref": "DOM.RGBA", |
| "optional":true, |
| "description": "The shape margin fill color (default: transparent)." |
| }, |
| { |
| "name": "selectorList", |
| "type": "string", |
| "optional":true, |
| "description": "Selectors to highlight relevant nodes." |
| } |
| ], |
| "description": "Configuration data for the highlighting of page elements." |
| }, |
| { |
| "id": "InspectMode", |
| "type": "string", |
| "enum": [ |
| "searchForNode", |
| "searchForUAShadowDOM", |
| "none" |
| ] |
| } |
| ] |
| } |
| ], |
| "version": { |
| "major": "1", |
| "minor": "0" |
| } |
| } |