Chrome DevTools

DOMDebugger Domain

DOM debugging allows setting breakpoints on particular DOM operations and events. JavaScript execution will stop on these operations as if there was a regular breakpoint set.

Methods

Types

Methods

Chrome DevTools

DOMDebugger.getEventListeners #

Returns event listeners of the given object.

Parameters

objectId
Runtime.RemoteObjectId

Identifier of the object to return listeners for.

depth
Optional
integer

The maximum depth at which Node children should be retrieved, defaults to 1. Use -1 for the entire subtree or provide an integer larger than 0.

pierce
Optional
boolean

Whether or not iframes and shadow roots should be traversed when returning the subtree (default is false). Reports listeners for all contexts if pierce is enabled.

Return object

listeners
array[ EventListener ]

Array of relevant listeners.


Chrome DevTools

DOMDebugger.removeDOMBreakpoint #

Removes DOM breakpoint that was set using setDOMBreakpoint.

Parameters

nodeId
DOM.NodeId

Identifier of the node to remove breakpoint from.

type
DOMBreakpointType

Type of the breakpoint to remove.


Chrome DevTools

DOMDebugger.removeEventListenerBreakpoint #

Removes breakpoint on particular DOM event.

Parameters

eventName
string

Event name.

targetName
Optional
string

EventTarget interface name.

Experimental

Chrome DevTools

DOMDebugger.removeXHRBreakpoint #

Removes breakpoint from XMLHttpRequest.

Parameters

url
string

Resource URL substring.


Chrome DevTools

DOMDebugger.setDOMBreakpoint #

Sets breakpoint on particular operation with DOM.

Parameters

nodeId
DOM.NodeId

Identifier of the node to set breakpoint on.

type
DOMBreakpointType

Type of the operation to stop upon.


Chrome DevTools

DOMDebugger.setEventListenerBreakpoint #

Sets breakpoint on particular DOM event.

Parameters

eventName
string

DOM Event name to stop on (any DOM event will do).

targetName
Optional
string

EventTarget interface name to stop on. If equal to "*" or not provided, will stop on any EventTarget.

Experimental

Chrome DevTools

DOMDebugger.setXHRBreakpoint #

Sets breakpoint on XMLHttpRequest.

Parameters

url
string

Resource URL substring. All XHRs having this substring in the URL will get stopped upon.


Chrome DevTools

DOMDebugger.setBreakOnCSPViolation Experimental#

Sets breakpoint on particular CSP violations.

Parameters

violationTypes
array[ CSPViolationType ]

CSP Violations to stop upon.


Chrome DevTools

DOMDebugger.removeInstrumentationBreakpoint ExperimentalDeprecated#

Removes breakpoint on particular native event.

Parameters

eventName
string

Instrumentation name to stop on.


Chrome DevTools

DOMDebugger.setInstrumentationBreakpoint ExperimentalDeprecated#

Sets breakpoint on particular native event.

Parameters

eventName
string

Instrumentation name to stop on.

Types

Chrome DevTools

DOMDebugger.DOMBreakpointType #

DOM breakpoint type.

Type: string

Allowed values: subtree-modified, attribute-modified, node-removed


Chrome DevTools

DOMDebugger.EventListener #

Object event listener.

Type: object

Properties

type
string

EventListener's type.

useCapture
boolean

EventListener's useCapture.

passive
boolean

EventListener's passive flag.

once
boolean

EventListener's once flag.

scriptId
Runtime.ScriptId

Script id of the handler code.

lineNumber
integer

Line number in the script (0-based).

columnNumber
integer

Column number in the script (0-based).

handler
Optional
Runtime.RemoteObject

Event handler function value.

originalHandler
Optional
Runtime.RemoteObject

Event original handler function value.

backendNodeId
Optional
DOM.BackendNodeId

Node the listener is added to (if any).


Chrome DevTools

DOMDebugger.CSPViolationType Experimental#

CSP Violation type.

Type: string

Allowed values: trustedtype-sink-violation, trustedtype-policy-violation