Skip to main content
Version: next

Select tool

Use Select to inspect elements on the current page.

  1. Activate Select (Shift + 1).
  2. Click an element on the page.
  3. Review captured properties in the Select panel.
  4. Use the parent button (up arrow) to move one level up in the DOM.
  5. Click Selector to open selector editing, or CSS to open CSS editing.

Select tool panel​

Includes selected element details, quick property copy, and parent traversal controls.

Page Proxy Select toolPage Proxy Select tool with DevTools integration

Selector popup​

Open from Select -> Selector.

  • Edit generated pq.selector(...) code.
  • Use the property preview snippets.
  • Drag preview fragments into your selector code.
  • Save to insert into the Selectors block.
Page Proxy selector popup

CSS inspector​

Open from Select -> CSS (or popup mode switch).

  • Edit CSS selector + declarations.
  • Inspect and edit computed property values.
  • Preview selectors/styles and save a ps.injectCSS(...) snippet.
Page Proxy CSS inspector