Docs

Built-in tools›Preview

Inspect element

preview_inspect
Group
Preview
Turned on by
Its own switch on the Tools page of Conversation settings.
Approval
Not reviewed: runs without asking, within the limits on this page.
Profile key
tool.preview_inspect.description

Reports one element's computed styles, box and text on the conversation's preview page, found by CSS selector.

Only the first matching element is inspected. Without styles it reports color, background-color, font-size, font-weight, padding, margin, width, height, display and visibility; one call takes up to 64 properties. On a React page it also names the component and lists its props. The box is the content box, without padding and border.

When it asks you

Never. If you have been using the page yourself, you hand it back first in the pane; on a signed-in page, that takeover needs your approval at every security level. See Browser and preview.

Parameters

ParameterTypeDetails
selector required
CSS selector
stringCSS selector (e.g., '.button', '#header')
serverId
Server ID
stringServer ID
styles
CSS properties
string[]CSS properties to return (e.g., ['padding', 'color']). Defaults to common properties.

Edit this page on GitHub