DOMDebugger
DOM调试允许在特定的DOM操作和事件上设置断点。JavaScript执行将在这些操作上停止，就像设置了常规断点一样。
EN
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
🔨DOMDebugger.getEventListeners
返回给定对象的事件监听器。
EN
Returns event listeners of the given object.
| 参数 | 必填 | 标记 | 类型 | 描述 | 原文 |
|---|---|---|---|---|---|
| objectId | ✔️ | Runtime.RemoteObjectId | 返回监听器的对象标识符。 | ENIdentifier of the object to return listeners for. | |
| depth | integer | 获取节点子元素的最大深度，默认为1。使用 -1 表示整个子树，或提供大于0的整数。 | ENThe 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 | boolean | 是否在返回子树时遍历iframe和shadow root（默认为false）。如果启用了pierce选项，将报告所有上下文中的监听器。 | ENWhether 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. |
| 返回对象 | 类型 | 描述 | 原文 |
|---|---|---|---|
| listeners | array[EventListener] | 相关监听器的数组。 | ENArray of relevant listeners. |
🔨DOMDebugger.removeDOMBreakpoint
移除使用setDOMBreakpoint设置的DOM断点。
EN
Removes DOM breakpoint that was set using
setDOMBreakpoint.| 参数 | 必填 | 标记 | 类型 | 描述 | 原文 |
|---|---|---|---|---|---|
| nodeId | ✔️ | DOM.NodeId | 从节点中移除断点的标识符。 | ENIdentifier of the node to remove breakpoint from. | |
| type | ✔️ | DOMBreakpointType | 要移除的断点类型。 | ENType of the breakpoint to remove. |
🔨DOMDebugger.removeEventListenerBreakpoint
移除特定DOM事件上的断点。
EN
Removes breakpoint on particular DOM event.
| 参数 | 必填 | 标记 | 类型 | 描述 | 原文 |
|---|---|---|---|---|---|
| eventName | ✔️ | string | 事件名称。 | ENEvent name. | |
| targetName | 🧪 | string | EventTarget 接口名称。 | ENEventTarget interface name. |
🔨DOMDebugger.removeXHRBreakpoint
从XMLHttpRequest中移除断点。
EN
Removes breakpoint from XMLHttpRequest.
| 参数 | 必填 | 标记 | 类型 | 描述 | 原文 |
|---|---|---|---|---|---|
| url | ✔️ | string | 资源URL子字符串。 | ENResource URL substring. |
🔨DOMDebugger.setDOMBreakpoint
在DOM的特定操作上设置断点。
EN
Sets breakpoint on particular operation with DOM.
| 参数 | 必填 | 标记 | 类型 | 描述 | 原文 |
|---|---|---|---|---|---|
| nodeId | ✔️ | DOM.NodeId | 在节点上设置断点的标识符。 | ENIdentifier of the node to set breakpoint on. | |
| type | ✔️ | DOMBreakpointType | 停止操作的类型。 | ENType of the operation to stop upon. |
🔨DOMDebugger.setEventListenerBreakpoint
在特定DOM事件上设置断点。
EN
Sets breakpoint on particular DOM event.
| 参数 | 必填 | 标记 | 类型 | 描述 | 原文 |
|---|---|---|---|---|---|
| eventName | ✔️ | string | DOM 事件名称以停止（任何 DOM 事件均可）。 | ENDOM Event name to stop on (any DOM event will do). | |
| targetName | 🧪 | string | EventTarget 接口名称，用于指定停止的目标。如果等于 "*" 或未提供，则会在任何 EventTarget 上停止。 | ENEventTarget interface name to stop on. If equal to"*" or not provided, will stop on any EventTarget. |
🔨DOMDebugger.setXHRBreakpoint
在 XMLHttpRequest 上设置断点。
EN
Sets breakpoint on XMLHttpRequest.
| 参数 | 必填 | 标记 | 类型 | 描述 | 原文 |
|---|---|---|---|---|---|
| url | ✔️ | string | 资源URL子字符串。所有URL中包含此子字符串的XHR请求都将被拦截。 | ENResource URL substring. All XHRs having this substring in the URL will get stopped upon. |
🔨DOMDebugger.setBreakOnCSPViolation🧪
在特定的CSP违规上设置断点。
EN
Sets breakpoint on particular CSP violations.
| 参数 | 必填 | 标记 | 类型 | 描述 | 原文 |
|---|---|---|---|---|---|
| violationTypes | ✔️ | array[CSPViolationType] | CSP违规停止条件。 | ENCSP Violations to stop upon. |
🔨DOMDebugger.removeInstrumentationBreakpoint🧪❌️
移除特定原生事件上的断点。
EN
Removes breakpoint on particular native event.
| 参数 | 必填 | 标记 | 类型 | 描述 | 原文 |
|---|---|---|---|---|---|
| eventName | ✔️ | string | 停止检测的仪器名称。 | ENInstrumentation name to stop on. |
🔨DOMDebugger.setInstrumentationBreakpoint🧪❌️
在特定的原生事件上设置断点。
EN
Sets breakpoint on particular native event.
| 参数 | 必填 | 标记 | 类型 | 描述 | 原文 |
|---|---|---|---|---|---|
| eventName | ✔️ | string | 在停止时使用的检测名称。 | ENInstrumentation name to stop on. |
✅️️ Types
📌DOMDebugger.DOMBreakpointType
DOM断点类型。
允许的取值：subtree-modified、attribute-modified、node-removed
EN
DOM breakpoint type.
Allowed Values:
Allowed Values:
subtree-modified, attribute-modified, node-removed返回类型：string
📌DOMDebugger.EventListener
对象事件监听器。
EN
Object event listener.
返回类型：object
| 属性 | 必填 | 标记 | 类型 | 描述 | 原文 |
|---|---|---|---|---|---|
| type | ✔️ | string | EventListener 的类型。 | ENEventListener's type. | |
| useCapture | ✔️ | boolean | EventListener 的 useCapture 属性。 | ENEventListener's useCapture. | |
| passive | ✔️ | boolean | EventListener的passive标志。 | ENEventListener's passive flag. | |
| once | ✔️ | boolean | EventListener 的 once 标志。 | ENEventListener's once flag. | |
| scriptId | ✔️ | Runtime.ScriptId | 处理程序代码的脚本ID。 | ENScript id of the handler code. | |
| lineNumber | ✔️ | integer | 脚本中的行号（从0开始计数）。 | ENLine number in the script (0-based). | |
| columnNumber | ✔️ | integer | 脚本中的列号（从0开始计数）。 | ENColumn number in the script (0-based). | |
| handler | Runtime.RemoteObject | 事件处理函数值。 | ENEvent handler function value. | ||
| originalHandler | Runtime.RemoteObject | 事件原始处理函数值。 | ENEvent original handler function value. | ||
| backendNodeId | DOM.BackendNodeId | 监听器被添加到的节点（如果有的话）。 | ENNode the listener is added to (if any). |
📌DOMDebugger.CSPViolationType🧪
CSP违规类型。
允许值：trustedtype-sink-violation、trustedtype-policy-violation
EN
CSP Violation type.
Allowed Values:
Allowed Values:
trustedtype-sink-violation, trustedtype-policy-violation返回类型：string