overlay

package
v0.158.2 Latest Latest
Warning

This package is not in the latest version of its module.

Go to latest
Published: Oct 17, 2026 License: MIT Imports: 5 Imported by: 5

Documentation

Overview

Package overlay provides the Chrome DevTools Protocol commands, types, and events for the Overlay domain.

This domain provides various functionality related to drawing atop the inspected page.

Generated by the pdlgen command.

Index

Constants

View Source
const (
	CommandDisable                              = "Overlay.disable"
	CommandEnable                               = "Overlay.enable"
	CommandGetHighlightObjectForTest            = "Overlay.getHighlightObjectForTest"
	CommandGetGridHighlightObjectsForTest       = "Overlay.getGridHighlightObjectsForTest"
	CommandGetSourceOrderHighlightObjectForTest = "Overlay.getSourceOrderHighlightObjectForTest"
	CommandHideHighlight                        = "Overlay.hideHighlight"
	CommandHighlightNode                        = "Overlay.highlightNode"
	CommandHighlightQuad                        = "Overlay.highlightQuad"
	CommandHighlightRect                        = "Overlay.highlightRect"
	CommandHighlightSourceOrder                 = "Overlay.highlightSourceOrder"
	CommandSetInspectMode                       = "Overlay.setInspectMode"
	CommandSetShowAdHighlights                  = "Overlay.setShowAdHighlights"
	CommandSetPausedInDebuggerMessage           = "Overlay.setPausedInDebuggerMessage"
	CommandSetShowDebugBorders                  = "Overlay.setShowDebugBorders"
	CommandSetShowFPSCounter                    = "Overlay.setShowFPSCounter"
	CommandSetShowGridOverlays                  = "Overlay.setShowGridOverlays"
	CommandSetShowFlexOverlays                  = "Overlay.setShowFlexOverlays"
	CommandSetShowScrollSnapOverlays            = "Overlay.setShowScrollSnapOverlays"
	CommandSetShowContainerQueryOverlays        = "Overlay.setShowContainerQueryOverlays"
	CommandSetShowInspectedElementAnchor        = "Overlay.setShowInspectedElementAnchor"
	CommandSetShowPaintRects                    = "Overlay.setShowPaintRects"
	CommandSetShowLayoutShiftRegions            = "Overlay.setShowLayoutShiftRegions"
	CommandSetShowScrollBottleneckRects         = "Overlay.setShowScrollBottleneckRects"
	CommandSetShowViewportSizeOnResize          = "Overlay.setShowViewportSizeOnResize"
	CommandSetShowHinge                         = "Overlay.setShowHinge"
	CommandSetShowDisplayCutout                 = "Overlay.setShowDisplayCutout"
	CommandSetShowIsolatedElements              = "Overlay.setShowIsolatedElements"
	CommandSetShowWindowControlsOverlay         = "Overlay.setShowWindowControlsOverlay"
)

Command names.

Variables

View Source
var Disable = cdp.Command[cdp.Empty, cdp.Empty]{Method: CommandDisable}

Disable disables domain notifications.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#method-disable

Enable enables domain notifications.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#method-enable

GetGridHighlightObjectsForTest for Persistent Grid testing.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#method-getGridHighlightObjectsForTest

GetHighlightObjectForTest for testing.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#method-getHighlightObjectForTest

GetSourceOrderHighlightObjectForTest for Source Order Viewer testing.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#method-getSourceOrderHighlightObjectForTest

View Source
var HideHighlight = cdp.Command[cdp.Empty, cdp.Empty]{Method: CommandHideHighlight}

HideHighlight hides any highlight.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#method-hideHighlight

HighlightNode highlights DOM node with given id or with the given JavaScript object wrapper. Either nodeId or objectId must be specified.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#method-highlightNode

HighlightQuad highlights given quad. Coordinates are absolute with respect to the main frame viewport.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#method-highlightQuad

HighlightRect highlights given rectangle. Coordinates are absolute with respect to the main frame viewport. Issue: the method does not handle device pixel ratio (DPR) correctly. The coordinates currently have to be adjusted by the client if DPR is not 1 (see crbug.com/437807128).

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#method-highlightRect

HighlightSourceOrder highlights the source order of the children of the DOM node with given id or with the given JavaScript object wrapper. Either nodeId or objectId must be specified.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#method-highlightSourceOrder

View Source
var InspectModeCanceled = cdp.Event[EventInspectModeCanceled]{Method: "Overlay.inspectModeCanceled"}

InspectModeCanceled fired when user cancels the inspect mode.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#event-inspectModeCanceled

View Source
var InspectNodeRequested = cdp.Event[EventInspectNodeRequested]{Method: "Overlay.inspectNodeRequested"}

InspectNodeRequested fired when the node should be inspected. This happens after call to setInspectMode or when user manually inspects an element.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#event-inspectNodeRequested

View Source
var InspectPanelShowRequested = cdp.Event[EventInspectPanelShowRequested]{Method: "Overlay.inspectPanelShowRequested"}

InspectPanelShowRequested fired when user asks to show the Inspect panel.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#event-inspectPanelShowRequested

View Source
var InspectedElementWindowRestored = cdp.Event[EventInspectedElementWindowRestored]{Method: "Overlay.inspectedElementWindowRestored"}

InspectedElementWindowRestored fired when user asks to restore the Inspected Element floating window.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#event-inspectedElementWindowRestored

View Source
var NodeHighlightRequested = cdp.Event[EventNodeHighlightRequested]{Method: "Overlay.nodeHighlightRequested"}

NodeHighlightRequested fired when the node should be highlighted. This happens after call to setInspectMode.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#event-nodeHighlightRequested

View Source
var ScreenshotRequested = cdp.Event[EventScreenshotRequested]{Method: "Overlay.screenshotRequested"}

ScreenshotRequested fired when user asks to capture screenshot of some area on the page.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#event-screenshotRequested

SetInspectMode enters the 'inspect' mode. In this mode, elements that user is hovering over are highlighted. Backend then generates 'inspectNodeRequested' event upon element selection.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#method-setInspectMode

SetPausedInDebuggerMessage [no description].

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#method-setPausedInDebuggerMessage

SetShowAdHighlights highlights owner element of all frames detected to be ads.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#method-setShowAdHighlights

SetShowContainerQueryOverlays [no description].

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#method-setShowContainerQueryOverlays

SetShowDebugBorders requests that backend shows debug borders on layers.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#method-setShowDebugBorders

SetShowDisplayCutout add a display cutout overlay.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#method-setShowDisplayCutout

SetShowFPSCounter requests that backend shows the FPS counter.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#method-setShowFPSCounter

SetShowFlexOverlays [no description].

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#method-setShowFlexOverlays

SetShowGridOverlays highlight multiple elements with the CSS Grid overlay.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#method-setShowGridOverlays

SetShowHinge add a dual screen device hinge.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#method-setShowHinge

SetShowInspectedElementAnchor [no description].

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#method-setShowInspectedElementAnchor

SetShowIsolatedElements show elements in isolation mode with overlays.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#method-setShowIsolatedElements

SetShowLayoutShiftRegions requests that backend shows layout shift regions.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#method-setShowLayoutShiftRegions

SetShowPaintRects requests that backend shows paint rectangles.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#method-setShowPaintRects

SetShowScrollBottleneckRects requests that backend shows scroll bottleneck rects.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#method-setShowScrollBottleneckRects

SetShowScrollSnapOverlays [no description].

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#method-setShowScrollSnapOverlays

SetShowViewportSizeOnResize paints viewport size upon main frame resize.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#method-setShowViewportSizeOnResize

SetShowWindowControlsOverlay show Window Controls Overlay for PWA.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#method-setShowWindowControlsOverlay

Functions

This section is empty.

Types

type BoxStyle

type BoxStyle struct {
	FillColor  *cdp.RGBA `json:"fillColor,omitempty,omitzero"`  // The background color for the box (default: transparent)
	HatchColor *cdp.RGBA `json:"hatchColor,omitempty,omitzero"` // The hatching color for the box (default: transparent)
}

BoxStyle style information for drawing a box.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#type-BoxStyle

type ColorFormat

type ColorFormat string

ColorFormat [no description].

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#type-ColorFormat

const (
	ColorFormatRgb ColorFormat = "rgb"
	ColorFormatHsl ColorFormat = "hsl"
	ColorFormatHwb ColorFormat = "hwb"
	ColorFormatHex ColorFormat = "hex"
)

ColorFormat values.

func (ColorFormat) String

func (t ColorFormat) String() string

String returns the ColorFormat as string value.

type ContainerQueryContainerHighlightConfig

type ContainerQueryContainerHighlightConfig struct {
	ContainerBorder  *LineStyle `json:"containerBorder,omitempty,omitzero"`  // The style of the container border.
	DescendantBorder *LineStyle `json:"descendantBorder,omitempty,omitzero"` // The style of the descendants' borders.
}

ContainerQueryContainerHighlightConfig [no description].

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#type-ContainerQueryContainerHighlightConfig

type ContainerQueryHighlightConfig

type ContainerQueryHighlightConfig struct {
	ContainerQueryContainerHighlightConfig *ContainerQueryContainerHighlightConfig `json:"containerQueryContainerHighlightConfig"` // A descriptor for the highlight appearance of container query containers.
	NodeID                                 cdp.NodeID                              `json:"nodeId"`                                 // Identifier of the container node to highlight.
}

ContainerQueryHighlightConfig [no description].

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#type-ContainerQueryHighlightConfig

type ContrastAlgorithm

type ContrastAlgorithm string

ContrastAlgorithm [no description].

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#type-ContrastAlgorithm

const (
	ContrastAlgorithmAa   ContrastAlgorithm = "aa"
	ContrastAlgorithmAaa  ContrastAlgorithm = "aaa"
	ContrastAlgorithmApca ContrastAlgorithm = "apca"
)

ContrastAlgorithm values.

func (ContrastAlgorithm) String

func (t ContrastAlgorithm) String() string

String returns the ContrastAlgorithm as string value.

type DisplayCutoutConfig

type DisplayCutoutConfig struct {
	Rect         *dom.Rect          `json:"rect"`                            // A rectangle representing the cutout bounds.
	Shape        DisplayCutoutShape `json:"shape"`                           // Shape used to draw the cutout.
	BorderRadius int64              `json:"borderRadius,omitempty,omitzero"` // Border radius for rounded cutout shapes.
	UpperRadius  int64              `json:"upperRadius,omitempty,omitzero"`  // Upper shoulder radius for notch cutout shapes.
	LowerRadius  int64              `json:"lowerRadius,omitempty,omitzero"`  // Lower transition radius for notch cutout shapes.
	Cx           *int64             `json:"cx,omitempty,omitzero"`           // Center x coordinate for circle cutout shapes.
	Cy           *int64             `json:"cy,omitempty,omitzero"`           // Center y coordinate for circle cutout shapes.
	Radius       int64              `json:"radius,omitempty,omitzero"`       // Radius for circle cutout shapes.
	ContentColor *cdp.RGBA          `json:"contentColor,omitempty,omitzero"` // The cutout fill color (default: black).
}

DisplayCutoutConfig configuration for a display cutout.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#type-DisplayCutoutConfig

type DisplayCutoutShape

type DisplayCutoutShape string

DisplayCutoutShape supported display cutout shapes.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#type-DisplayCutoutShape

const (
	DisplayCutoutShapePill      DisplayCutoutShape = "pill"
	DisplayCutoutShapeNotch     DisplayCutoutShape = "notch"
	DisplayCutoutShapeCircle    DisplayCutoutShape = "circle"
	DisplayCutoutShapeRectangle DisplayCutoutShape = "rectangle"
)

DisplayCutoutShape values.

func (DisplayCutoutShape) String

func (t DisplayCutoutShape) String() string

String returns the DisplayCutoutShape as string value.

type EventInspectModeCanceled

type EventInspectModeCanceled struct{}

EventInspectModeCanceled fired when user cancels the inspect mode.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#event-inspectModeCanceled

type EventInspectNodeRequested

type EventInspectNodeRequested struct {
	BackendNodeID cdp.BackendNodeID `json:"backendNodeId"` // Id of the node to inspect.
}

EventInspectNodeRequested fired when the node should be inspected. This happens after call to setInspectMode or when user manually inspects an element.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#event-inspectNodeRequested

type EventInspectPanelShowRequested

type EventInspectPanelShowRequested struct {
	BackendNodeID cdp.BackendNodeID `json:"backendNodeId"` // Id of the node to show in the panel.
}

EventInspectPanelShowRequested fired when user asks to show the Inspect panel.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#event-inspectPanelShowRequested

type EventInspectedElementWindowRestored

type EventInspectedElementWindowRestored struct {
	BackendNodeID cdp.BackendNodeID `json:"backendNodeId"` // Id of the node to restore the floating window for.
}

EventInspectedElementWindowRestored fired when user asks to restore the Inspected Element floating window.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#event-inspectedElementWindowRestored

type EventNodeHighlightRequested

type EventNodeHighlightRequested struct {
	NodeID cdp.NodeID `json:"nodeId"`
}

EventNodeHighlightRequested fired when the node should be highlighted. This happens after call to setInspectMode.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#event-nodeHighlightRequested

type EventScreenshotRequested

type EventScreenshotRequested struct {
	Viewport *page.Viewport `json:"viewport"` // Viewport to capture, in device independent pixels (dip).
}

EventScreenshotRequested fired when user asks to capture screenshot of some area on the page.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#event-screenshotRequested

type FlexContainerHighlightConfig

type FlexContainerHighlightConfig struct {
	ContainerBorder       *LineStyle `json:"containerBorder,omitempty,omitzero"`       // The style of the container border
	LineSeparator         *LineStyle `json:"lineSeparator,omitempty,omitzero"`         // The style of the separator between lines
	ItemSeparator         *LineStyle `json:"itemSeparator,omitempty,omitzero"`         // The style of the separator between items
	MainDistributedSpace  *BoxStyle  `json:"mainDistributedSpace,omitempty,omitzero"`  // Style of content-distribution space on the main axis (justify-content).
	CrossDistributedSpace *BoxStyle  `json:"crossDistributedSpace,omitempty,omitzero"` // Style of content-distribution space on the cross axis (align-content).
	RowGapSpace           *BoxStyle  `json:"rowGapSpace,omitempty,omitzero"`           // Style of empty space caused by row gaps (gap/row-gap).
	ColumnGapSpace        *BoxStyle  `json:"columnGapSpace,omitempty,omitzero"`        // Style of empty space caused by columns gaps (gap/column-gap).
	CrossAlignment        *LineStyle `json:"crossAlignment,omitempty,omitzero"`        // Style of the self-alignment line (align-items).
}

FlexContainerHighlightConfig configuration data for the highlighting of Flex container elements.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#type-FlexContainerHighlightConfig

type FlexItemHighlightConfig

type FlexItemHighlightConfig struct {
	BaseSizeBox      *BoxStyle  `json:"baseSizeBox,omitempty,omitzero"`      // Style of the box representing the item's base size
	BaseSizeBorder   *LineStyle `json:"baseSizeBorder,omitempty,omitzero"`   // Style of the border around the box representing the item's base size
	FlexibilityArrow *LineStyle `json:"flexibilityArrow,omitempty,omitzero"` // Style of the arrow representing if the item grew or shrank
}

FlexItemHighlightConfig configuration data for the highlighting of Flex item elements.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#type-FlexItemHighlightConfig

type FlexNodeHighlightConfig

type FlexNodeHighlightConfig struct {
	FlexContainerHighlightConfig *FlexContainerHighlightConfig `json:"flexContainerHighlightConfig"` // A descriptor for the highlight appearance of flex containers.
	NodeID                       cdp.NodeID                    `json:"nodeId"`                       // Identifier of the node to highlight.
}

FlexNodeHighlightConfig [no description].

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#type-FlexNodeHighlightConfig

type GetGridHighlightObjectsForTestParams

type GetGridHighlightObjectsForTestParams struct {
	NodeIDs []cdp.NodeID `json:"nodeIds"` // Ids of the node to get highlight object for.
}

GetGridHighlightObjectsForTestParams are the parameters of the command Overlay.getGridHighlightObjectsForTest.

type GetGridHighlightObjectsForTestResult added in v0.157.3

type GetGridHighlightObjectsForTestResult struct {
	Highlights jsonv2.Value `json:"highlights,omitempty,omitzero"`
}

GetGridHighlightObjectsForTestResult is the result of the command Overlay.getGridHighlightObjectsForTest.

type GetHighlightObjectForTestParams

type GetHighlightObjectForTestParams struct {
	NodeID                cdp.NodeID  `json:"nodeId"`                                   // Id of the node to get highlight object for.
	IncludeDistance       *bool       `json:"includeDistance,omitempty,omitzero"`       // Whether to include distance info.
	IncludeStyle          *bool       `json:"includeStyle,omitempty,omitzero"`          // Whether to include style info.
	ColorFormat           ColorFormat `json:"colorFormat,omitempty,omitzero"`           // The color format to get config with (default: hex).
	ShowAccessibilityInfo *bool       `json:"showAccessibilityInfo,omitempty,omitzero"` // Whether to show accessibility info (default: true).
}

GetHighlightObjectForTestParams are the parameters of the command Overlay.getHighlightObjectForTest.

type GetHighlightObjectForTestResult added in v0.157.3

type GetHighlightObjectForTestResult struct {
	Highlight jsonv2.Value `json:"highlight,omitempty,omitzero"`
}

GetHighlightObjectForTestResult is the result of the command Overlay.getHighlightObjectForTest.

type GetSourceOrderHighlightObjectForTestParams

type GetSourceOrderHighlightObjectForTestParams struct {
	NodeID cdp.NodeID `json:"nodeId"` // Id of the node to highlight.
}

GetSourceOrderHighlightObjectForTestParams are the parameters of the command Overlay.getSourceOrderHighlightObjectForTest.

type GetSourceOrderHighlightObjectForTestResult added in v0.157.3

type GetSourceOrderHighlightObjectForTestResult struct {
	Highlight jsonv2.Value `json:"highlight,omitempty,omitzero"`
}

GetSourceOrderHighlightObjectForTestResult is the result of the command Overlay.getSourceOrderHighlightObjectForTest.

type GridHighlightConfig

type GridHighlightConfig struct {
	ShowGridExtensionLines  bool      `json:"showGridExtensionLines"`                 // Whether the extension lines from grid cells to the rulers should be shown (default: false).
	ShowPositiveLineNumbers bool      `json:"showPositiveLineNumbers"`                // Show Positive line number labels (default: false).
	ShowNegativeLineNumbers bool      `json:"showNegativeLineNumbers"`                // Show Negative line number labels (default: false).
	ShowAreaNames           bool      `json:"showAreaNames"`                          // Show area name labels (default: false).
	ShowLineNames           bool      `json:"showLineNames"`                          // Show line name labels (default: false).
	ShowTrackSizes          bool      `json:"showTrackSizes"`                         // Show track size labels (default: false).
	GridBorderColor         *cdp.RGBA `json:"gridBorderColor,omitempty,omitzero"`     // The grid container border highlight color (default: transparent).
	RowLineColor            *cdp.RGBA `json:"rowLineColor,omitempty,omitzero"`        // The row line color (default: transparent).
	ColumnLineColor         *cdp.RGBA `json:"columnLineColor,omitempty,omitzero"`     // The column line color (default: transparent).
	GridBorderDash          bool      `json:"gridBorderDash"`                         // Whether the grid border is dashed (default: false).
	RowLineDash             bool      `json:"rowLineDash"`                            // Whether row lines are dashed (default: false).
	ColumnLineDash          bool      `json:"columnLineDash"`                         // Whether column lines are dashed (default: false).
	RowGapColor             *cdp.RGBA `json:"rowGapColor,omitempty,omitzero"`         // The row gap highlight fill color (default: transparent).
	RowHatchColor           *cdp.RGBA `json:"rowHatchColor,omitempty,omitzero"`       // The row gap hatching fill color (default: transparent).
	ColumnGapColor          *cdp.RGBA `json:"columnGapColor,omitempty,omitzero"`      // The column gap highlight fill color (default: transparent).
	ColumnHatchColor        *cdp.RGBA `json:"columnHatchColor,omitempty,omitzero"`    // The column gap hatching fill color (default: transparent).
	AreaBorderColor         *cdp.RGBA `json:"areaBorderColor,omitempty,omitzero"`     // The named grid areas border color (Default: transparent).
	GridBackgroundColor     *cdp.RGBA `json:"gridBackgroundColor,omitempty,omitzero"` // The grid container background color (Default: transparent).
}

GridHighlightConfig configuration data for the highlighting of Grid elements.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#type-GridHighlightConfig

type GridNodeHighlightConfig

type GridNodeHighlightConfig struct {
	GridHighlightConfig *GridHighlightConfig `json:"gridHighlightConfig"` // A descriptor for the highlight appearance.
	NodeID              cdp.NodeID           `json:"nodeId"`              // Identifier of the node to highlight.
}

GridNodeHighlightConfig configurations for Persistent Grid Highlight.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#type-GridNodeHighlightConfig

type HighlightConfig

type HighlightConfig struct {
	ShowInfo                               bool                                    `json:"showInfo"`                                                  // Whether the node info tooltip should be shown (default: false).
	ShowStyles                             bool                                    `json:"showStyles"`                                                // Whether the node styles in the tooltip (default: false).
	ShowRulers                             bool                                    `json:"showRulers"`                                                // Whether the rulers should be shown (default: false).
	ShowAccessibilityInfo                  bool                                    `json:"showAccessibilityInfo"`                                     // Whether the a11y info should be shown (default: true).
	ShowExtensionLines                     bool                                    `json:"showExtensionLines"`                                        // Whether the extension lines from node to the rulers should be shown (default: false).
	ContentColor                           *cdp.RGBA                               `json:"contentColor,omitempty,omitzero"`                           // The content box highlight fill color (default: transparent).
	PaddingColor                           *cdp.RGBA                               `json:"paddingColor,omitempty,omitzero"`                           // The padding highlight fill color (default: transparent).
	BorderColor                            *cdp.RGBA                               `json:"borderColor,omitempty,omitzero"`                            // The border highlight fill color (default: transparent).
	MarginColor                            *cdp.RGBA                               `json:"marginColor,omitempty,omitzero"`                            // The margin highlight fill color (default: transparent).
	EventTargetColor                       *cdp.RGBA                               `json:"eventTargetColor,omitempty,omitzero"`                       // The event target element highlight fill color (default: transparent).
	ShapeColor                             *cdp.RGBA                               `json:"shapeColor,omitempty,omitzero"`                             // The shape outside fill color (default: transparent).
	ShapeMarginColor                       *cdp.RGBA                               `json:"shapeMarginColor,omitempty,omitzero"`                       // The shape margin fill color (default: transparent).
	CSSGridColor                           *cdp.RGBA                               `json:"cssGridColor,omitempty,omitzero"`                           // The grid layout color (default: transparent).
	ColorFormat                            ColorFormat                             `json:"colorFormat,omitempty,omitzero"`                            // The color format used to format color styles (default: hex).
	GridHighlightConfig                    *GridHighlightConfig                    `json:"gridHighlightConfig,omitempty,omitzero"`                    // The grid layout highlight configuration (default: all transparent).
	FlexContainerHighlightConfig           *FlexContainerHighlightConfig           `json:"flexContainerHighlightConfig,omitempty,omitzero"`           // The flex container highlight configuration (default: all transparent).
	FlexItemHighlightConfig                *FlexItemHighlightConfig                `json:"flexItemHighlightConfig,omitempty,omitzero"`                // The flex item highlight configuration (default: all transparent).
	ContrastAlgorithm                      ContrastAlgorithm                       `json:"contrastAlgorithm,omitempty,omitzero"`                      // The contrast algorithm to use for the contrast ratio (default: aa).
	ContainerQueryContainerHighlightConfig *ContainerQueryContainerHighlightConfig `json:"containerQueryContainerHighlightConfig,omitempty,omitzero"` // The container query container highlight configuration (default: all transparent).
	ImcbHighlightConfig                    *ImcbHighlightConfig                    `json:"imcbHighlightConfig,omitempty,omitzero"`                    // The IMCB highlight configuration (default: all transparent).
}

HighlightConfig configuration data for the highlighting of page elements.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#type-HighlightConfig

type HighlightNodeParams

type HighlightNodeParams struct {
	HighlightConfig *HighlightConfig       `json:"highlightConfig"`                  // A descriptor for the highlight appearance.
	NodeID          cdp.NodeID             `json:"nodeId,omitempty,omitzero"`        // Identifier of the node to highlight.
	BackendNodeID   cdp.BackendNodeID      `json:"backendNodeId,omitempty,omitzero"` // Identifier of the backend node to highlight.
	ObjectID        runtime.RemoteObjectID `json:"objectId,omitempty,omitzero"`      // JavaScript object id of the node to be highlighted.
	Selector        string                 `json:"selector,omitempty,omitzero"`      // Selectors to highlight relevant nodes.
}

HighlightNodeParams are the parameters of the command Overlay.highlightNode.

type HighlightQuadParams

type HighlightQuadParams struct {
	Quad         dom.Quad  `json:"quad"`                            // Quad to highlight
	Color        *cdp.RGBA `json:"color,omitempty,omitzero"`        // The highlight fill color (default: transparent).
	OutlineColor *cdp.RGBA `json:"outlineColor,omitempty,omitzero"` // The highlight outline color (default: transparent).
}

HighlightQuadParams are the parameters of the command Overlay.highlightQuad.

type HighlightRectParams

type HighlightRectParams struct {
	X            int64     `json:"x"`                               // X coordinate
	Y            int64     `json:"y"`                               // Y coordinate
	Width        int64     `json:"width"`                           // Rectangle width
	Height       int64     `json:"height"`                          // Rectangle height
	Color        *cdp.RGBA `json:"color,omitempty,omitzero"`        // The highlight fill color (default: transparent).
	OutlineColor *cdp.RGBA `json:"outlineColor,omitempty,omitzero"` // The highlight outline color (default: transparent).
}

HighlightRectParams are the parameters of the command Overlay.highlightRect.

type HighlightSourceOrderParams

type HighlightSourceOrderParams struct {
	SourceOrderConfig *SourceOrderConfig     `json:"sourceOrderConfig"`                // A descriptor for the appearance of the overlay drawing.
	NodeID            cdp.NodeID             `json:"nodeId,omitempty,omitzero"`        // Identifier of the node to highlight.
	BackendNodeID     cdp.BackendNodeID      `json:"backendNodeId,omitempty,omitzero"` // Identifier of the backend node to highlight.
	ObjectID          runtime.RemoteObjectID `json:"objectId,omitempty,omitzero"`      // JavaScript object id of the node to be highlighted.
}

HighlightSourceOrderParams are the parameters of the command Overlay.highlightSourceOrder.

type HingeConfig

type HingeConfig struct {
	Rect         *dom.Rect `json:"rect"`                            // A rectangle represent hinge
	ContentColor *cdp.RGBA `json:"contentColor,omitempty,omitzero"` // The content box highlight fill color (default: a dark color).
	OutlineColor *cdp.RGBA `json:"outlineColor,omitempty,omitzero"` // The content box highlight outline color (default: transparent).
}

HingeConfig configuration for dual screen hinge.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#type-HingeConfig

type ImcbHighlightConfig

type ImcbHighlightConfig struct {
	ImcbBorderColor               *cdp.RGBA `json:"imcbBorderColor,omitempty,omitzero"`               // Border color for the Inset-Modified Containing Block (default: transparent).
	ImcbBackgroundColor           *cdp.RGBA `json:"imcbBackgroundColor,omitempty,omitzero"`           // Background fill color for the Inset-Modified Containing Block (default: transparent).
	InsetsBackgroundColor         *cdp.RGBA `json:"insetsBackgroundColor,omitempty,omitzero"`         // Fill color for the inset modifiers area (difference between CB and IMCB).
	InsetsHatchColor              *cdp.RGBA `json:"insetsHatchColor,omitempty,omitzero"`              // Hatch color for the inset modifiers area.
	AnchorBorderColor             *cdp.RGBA `json:"anchorBorderColor,omitempty,omitzero"`             // Border color for the referenced target anchor element(s) (when element is anchor-positioned).
	AnchorBackgroundColor         *cdp.RGBA `json:"anchorBackgroundColor,omitempty,omitzero"`         // Background fill color for the referenced target anchor element(s) (when element is anchor-positioned).
	ShowPositionAreaGrid          bool      `json:"showPositionAreaGrid"`                             // Whether to render the 3x3 position-area grid lines when position-area is used.
	PositionAreaGridLineColor     *cdp.RGBA `json:"positionAreaGridLineColor,omitempty,omitzero"`     // Line color for the 3x3 position-area grid lines.
	PositionAreaActiveRegionColor *cdp.RGBA `json:"positionAreaActiveRegionColor,omitempty,omitzero"` // Fill color for the active region within the position-area grid.
}

ImcbHighlightConfig configuration for Inset-Modified Containing Block (IMCB) and CSS Anchor Positioning highlight.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#type-ImcbHighlightConfig

type InspectMode

type InspectMode string

InspectMode [no description].

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#type-InspectMode

const (
	InspectModeSearchForNode         InspectMode = "searchForNode"
	InspectModeSearchForUAShadowDOM  InspectMode = "searchForUAShadowDOM"
	InspectModeCaptureAreaScreenshot InspectMode = "captureAreaScreenshot"
	InspectModeNone                  InspectMode = "none"
)

InspectMode values.

func (InspectMode) String

func (t InspectMode) String() string

String returns the InspectMode as string value.

type InspectedElementAnchorConfig

type InspectedElementAnchorConfig struct {
	NodeID        cdp.NodeID        `json:"nodeId,omitempty,omitzero"`        // Identifier of the node to highlight.
	BackendNodeID cdp.BackendNodeID `json:"backendNodeId,omitempty,omitzero"` // Identifier of the backend node to highlight.
}

InspectedElementAnchorConfig [no description].

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#type-InspectedElementAnchorConfig

type IsolatedElementHighlightConfig

type IsolatedElementHighlightConfig struct {
	IsolationModeHighlightConfig *IsolationModeHighlightConfig `json:"isolationModeHighlightConfig"` // A descriptor for the highlight appearance of an element in isolation mode.
	NodeID                       cdp.NodeID                    `json:"nodeId"`                       // Identifier of the isolated element to highlight.
}

IsolatedElementHighlightConfig [no description].

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#type-IsolatedElementHighlightConfig

type IsolationModeHighlightConfig

type IsolationModeHighlightConfig struct {
	ResizerColor       *cdp.RGBA `json:"resizerColor,omitempty,omitzero"`       // The fill color of the resizers (default: transparent).
	ResizerHandleColor *cdp.RGBA `json:"resizerHandleColor,omitempty,omitzero"` // The fill color for resizer handles (default: transparent).
	MaskColor          *cdp.RGBA `json:"maskColor,omitempty,omitzero"`          // The fill color for the mask covering non-isolated elements (default: transparent).
}

IsolationModeHighlightConfig [no description].

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#type-IsolationModeHighlightConfig

type LineStyle

type LineStyle struct {
	Color   *cdp.RGBA        `json:"color,omitempty,omitzero"`   // The color of the line (default: transparent)
	Pattern LineStylePattern `json:"pattern,omitempty,omitzero"` // The line pattern (default: solid)
}

LineStyle style information for drawing a line.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#type-LineStyle

type LineStylePattern added in v0.157.1

type LineStylePattern string

LineStylePattern the line pattern (default: solid).

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#type-LineStyle

const (
	LineStylePatternDashed LineStylePattern = "dashed"
	LineStylePatternDotted LineStylePattern = "dotted"
)

LineStylePattern values.

func (LineStylePattern) String added in v0.157.1

func (t LineStylePattern) String() string

String returns the LineStylePattern as string value.

type ScrollSnapContainerHighlightConfig

type ScrollSnapContainerHighlightConfig struct {
	SnapportBorder     *LineStyle `json:"snapportBorder,omitempty,omitzero"`     // The style of the snapport border (default: transparent)
	SnapAreaBorder     *LineStyle `json:"snapAreaBorder,omitempty,omitzero"`     // The style of the snap area border (default: transparent)
	ScrollMarginColor  *cdp.RGBA  `json:"scrollMarginColor,omitempty,omitzero"`  // The margin highlight fill color (default: transparent).
	ScrollPaddingColor *cdp.RGBA  `json:"scrollPaddingColor,omitempty,omitzero"` // The padding highlight fill color (default: transparent).
}

ScrollSnapContainerHighlightConfig [no description].

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#type-ScrollSnapContainerHighlightConfig

type ScrollSnapHighlightConfig

type ScrollSnapHighlightConfig struct {
	ScrollSnapContainerHighlightConfig *ScrollSnapContainerHighlightConfig `json:"scrollSnapContainerHighlightConfig"` // A descriptor for the highlight appearance of scroll snap containers.
	NodeID                             cdp.NodeID                          `json:"nodeId"`                             // Identifier of the node to highlight.
}

ScrollSnapHighlightConfig [no description].

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#type-ScrollSnapHighlightConfig

type SetInspectModeParams

type SetInspectModeParams struct {
	Mode            InspectMode      `json:"mode"`                               // Set an inspection mode.
	HighlightConfig *HighlightConfig `json:"highlightConfig,omitempty,omitzero"` // A descriptor for the highlight appearance of hovered-over nodes. May be omitted if enabled == false.
}

SetInspectModeParams are the parameters of the command Overlay.setInspectMode.

type SetPausedInDebuggerMessageParams

type SetPausedInDebuggerMessageParams struct {
	Message string `json:"message,omitempty,omitzero"` // The message to display, also triggers resume and step over controls.
}

SetPausedInDebuggerMessageParams are the parameters of the command Overlay.setPausedInDebuggerMessage.

type SetShowAdHighlightsParams

type SetShowAdHighlightsParams struct {
	Show bool `json:"show"` // True for showing ad highlights
}

SetShowAdHighlightsParams are the parameters of the command Overlay.setShowAdHighlights.

type SetShowContainerQueryOverlaysParams

type SetShowContainerQueryOverlaysParams struct {
	ContainerQueryHighlightConfigs []*ContainerQueryHighlightConfig `json:"containerQueryHighlightConfigs"` // An array of node identifiers and descriptors for the highlight appearance.
}

SetShowContainerQueryOverlaysParams are the parameters of the command Overlay.setShowContainerQueryOverlays.

type SetShowDebugBordersParams

type SetShowDebugBordersParams struct {
	Show bool `json:"show"` // True for showing debug borders
}

SetShowDebugBordersParams are the parameters of the command Overlay.setShowDebugBorders.

type SetShowDisplayCutoutParams

type SetShowDisplayCutoutParams struct {
	DisplayCutoutConfig *DisplayCutoutConfig `json:"displayCutoutConfig,omitempty,omitzero"` // display cutout data, null means hide display cutout
}

SetShowDisplayCutoutParams are the parameters of the command Overlay.setShowDisplayCutout.

type SetShowFPSCounterParams

type SetShowFPSCounterParams struct {
	Show bool `json:"show"` // True for showing the FPS counter
}

SetShowFPSCounterParams are the parameters of the command Overlay.setShowFPSCounter.

type SetShowFlexOverlaysParams

type SetShowFlexOverlaysParams struct {
	FlexNodeHighlightConfigs []*FlexNodeHighlightConfig `json:"flexNodeHighlightConfigs"` // An array of node identifiers and descriptors for the highlight appearance.
}

SetShowFlexOverlaysParams are the parameters of the command Overlay.setShowFlexOverlays.

type SetShowGridOverlaysParams

type SetShowGridOverlaysParams struct {
	GridNodeHighlightConfigs []*GridNodeHighlightConfig `json:"gridNodeHighlightConfigs"` // An array of node identifiers and descriptors for the highlight appearance.
}

SetShowGridOverlaysParams are the parameters of the command Overlay.setShowGridOverlays.

type SetShowHingeParams

type SetShowHingeParams struct {
	HingeConfig *HingeConfig `json:"hingeConfig,omitempty,omitzero"` // hinge data, null means hideHinge
}

SetShowHingeParams are the parameters of the command Overlay.setShowHinge.

type SetShowInspectedElementAnchorParams

type SetShowInspectedElementAnchorParams struct {
	InspectedElementAnchorConfig *InspectedElementAnchorConfig `json:"inspectedElementAnchorConfig"` // Node identifier for which to show an anchor for.
}

SetShowInspectedElementAnchorParams are the parameters of the command Overlay.setShowInspectedElementAnchor.

type SetShowIsolatedElementsParams

type SetShowIsolatedElementsParams struct {
	IsolatedElementHighlightConfigs []*IsolatedElementHighlightConfig `json:"isolatedElementHighlightConfigs"` // An array of node identifiers and descriptors for the highlight appearance.
}

SetShowIsolatedElementsParams are the parameters of the command Overlay.setShowIsolatedElements.

type SetShowLayoutShiftRegionsParams

type SetShowLayoutShiftRegionsParams struct {
	Result bool `json:"result"` // True for showing layout shift regions
}

SetShowLayoutShiftRegionsParams are the parameters of the command Overlay.setShowLayoutShiftRegions.

type SetShowPaintRectsParams

type SetShowPaintRectsParams struct {
	Result bool `json:"result"` // True for showing paint rectangles
}

SetShowPaintRectsParams are the parameters of the command Overlay.setShowPaintRects.

type SetShowScrollBottleneckRectsParams

type SetShowScrollBottleneckRectsParams struct {
	Show bool `json:"show"` // True for showing scroll bottleneck rects
}

SetShowScrollBottleneckRectsParams are the parameters of the command Overlay.setShowScrollBottleneckRects.

type SetShowScrollSnapOverlaysParams

type SetShowScrollSnapOverlaysParams struct {
	ScrollSnapHighlightConfigs []*ScrollSnapHighlightConfig `json:"scrollSnapHighlightConfigs"` // An array of node identifiers and descriptors for the highlight appearance.
}

SetShowScrollSnapOverlaysParams are the parameters of the command Overlay.setShowScrollSnapOverlays.

type SetShowViewportSizeOnResizeParams

type SetShowViewportSizeOnResizeParams struct {
	Show bool `json:"show"` // Whether to paint size or not.
}

SetShowViewportSizeOnResizeParams are the parameters of the command Overlay.setShowViewportSizeOnResize.

type SetShowWindowControlsOverlayParams

type SetShowWindowControlsOverlayParams struct {
	WindowControlsOverlayConfig *WindowControlsOverlayConfig `json:"windowControlsOverlayConfig,omitempty,omitzero"` // Window Controls Overlay data, null means hide Window Controls Overlay
}

SetShowWindowControlsOverlayParams are the parameters of the command Overlay.setShowWindowControlsOverlay.

type SourceOrderConfig

type SourceOrderConfig struct {
	ParentOutlineColor *cdp.RGBA `json:"parentOutlineColor"` // the color to outline the given element in.
	ChildOutlineColor  *cdp.RGBA `json:"childOutlineColor"`  // the color to outline the child elements in.
}

SourceOrderConfig configuration data for drawing the source order of an elements children.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#type-SourceOrderConfig

type WindowControlsOverlayConfig

type WindowControlsOverlayConfig struct {
	ShowCSS          bool   `json:"showCSS"`          // Whether the title bar CSS should be shown when emulating the Window Controls Overlay.
	SelectedPlatform string `json:"selectedPlatform"` // Selected platforms to show the overlay.
	ThemeColor       string `json:"themeColor"`       // The theme color defined in app manifest.
}

WindowControlsOverlayConfig configuration for Window Controls Overlay.

See: https://chromedevtools.github.io/devtools-protocol/tot/Overlay#type-WindowControlsOverlayConfig

Jump to

Keyboard shortcuts

? : This menu
/ : Search site
f or F : Jump to
y or Y : Canonical URL