knoten / extension / ui
Highlight Elements
Highlight selected elements in the opened page
Dieser Inhalt ist noch nicht in deiner Sprache verfügbar.
Draw a colored frame around elements on the active tab for a few seconds, with an optional label, to point something out.
What it does
Section titled “What it does”For each selector in Elements, Highlight Elements marks every matching element with a purple frame and a tinted overlay, and shows Label above it. It scrolls each element into view, one after the other, so you can follow along. The highlight is removed after Duration milliseconds (3,000 by default).
The incoming item is passed on unchanged. The node does not wait for the highlight to fade: the workflow continues right after the elements have been marked.
Nothing on the page is changed apart from the temporary highlight.
When to use it
Section titled “When to use it”- Show the user which elements a workflow found, read or is about to change.
- Check what a selector matches while you build a workflow, before deleting or clicking.
- Point out a result on the page, such as the cheapest price in a list.
Inputs and settings
Section titled “Inputs and settings”| Einstellung | Typ | Was es bewirkt |
|---|---|---|
| Elements (erforderlich) | List | |
| Label | Text | Label shown on the highlight indicator. Standard: highlight |
| Duration | Number | How long to keep the highlight visible in milliseconds. Standard: 3000 |
- Elements: one entry per thing to highlight. In each Target Element, click the crosshair button and click the element on the page, or type a CSS selector.
- Label: short text such as
Best price. Clear it to show the frame without a label. - Duration: in milliseconds, for example
5000for 5 seconds.
Outputs
Section titled “Outputs”-
Output
The incoming item, unchanged.
Dependencies and credentials
Section titled “Dependencies and credentials”None. This node needs no connection and has no slots for other nodes.
Example workflow
Section titled “Example workflow”- Open a page with a pricing table and run the workflow from a Hotkey trigger.
- Highlight Elements with Elements =
.plan--recommended, Label =Our pickand Duration =5000. - Screenshot Page with Mode = Viewport captures the page with the highlight visible.
Common issues
Section titled “Common issues”- Nothing is highlighted. The selector matched nothing. Check it with Ping, or wait for the element first with Wait For Element.
- The highlight disappears too fast. Raise Duration. A value of
0removes it after about 2 seconds. - Images and form fields get an outline but no label. Elements that cannot hold other content (images, inputs) get an outline and glow instead of an overlay, without the label.
- The node fails outside the extension. This node runs in the browser extension; install it or run the workflow from the extension.
Related nodes
Section titled “Related nodes”- Delete UI Elements: remove what you highlighted.
- Set Element Attribute Style: change an element’s look for good.
- Get Accessibility Tree: find selectors for buttons and links.