Selector Generator
Stable CSS and XPath selectors in one click.
Generate CSS and XPath selectors for any page element.
- Side panel
- Right-click menu
- On-page overlay
- Active tab
- DevTools
- Command palette
(opens the Chrome Web Store in a new tab)or pressCtrlShiftSpace
One Panel Search tools
Selector Generator
Side panel
CSS selector
Ready01 / 04
01Features
What it does
- 01CSS selector
- 02XPath
- 03Uniqueness check
- 04Copy for Selenium or Playwright
02Use cases
When you'll reach for it
Write a test locator that survives refactors
Target an element in a script
How to open it
- 1
Side panel
Click the One Panel icon in the toolbar and search for “Selector Generator”.
- 2
Command palette
Press Ctrl + Shift + Space on any page and type its name.
- 3
Right-click menu
Right-click the page or an element, then choose One Panel → Selector Generator.
- 4
On-page overlay
Start it from the panel and it draws its overlay right on top of the page.
- 5
DevTools
Open Chrome DevTools and switch to the One Panel panel.
Privacy
- Injects its helper into the page only when you start it, never in the background.
- Reads the current tab only when you use it, through Chrome’s activeTab permission.
Keep going
Pairs well with
Get Selector Generator and 80 more
One install adds every tool to your side panel. No account, nothing to configure.