SelectR - XPath & CSS Selector Tester

About

SelectR is a powerful developer tool for testing and debugging XPath and CSS selectors on any webpage.

🎯 FEATURES

• Dual Mode — Easily switch between XPath and CSS selector modes
• Live Highlighting — See matched elements highlighted in real-time as you type
• Smart Autocomplete — Get intelligent suggestions for XPath axes, functions, and CSS pseudo-selectors
• Element Details — View tag names, classes, IDs, and attributes of matched elements
• Click to Navigate — Click any result to scroll directly to that element
• Hover to Focus — Hover over results to temporarily highlight specific elements
• Persistent Queries — Your last query is saved and restored when you reopen the panel
• Side Panel Integration — Works in Chrome's side panel for a seamless workflow

🚀 PERFECT FOR

• Web developers debugging DOM structures
• QA engineers writing test selectors
• Web scraping and browser automation
• Learning XPath and CSS selector syntax

💡 EXAMPLE SELECTORS

XPath:
//div[@class='container']
//button[contains(text(), 'Submit')]
//input[@type='email']

CSS:
div.container
button.primary
input[type="email"]

📦 LIGHTWEIGHT & FAST

SelectR is built with modern web technologies and runs entirely in your browser. No data is sent to external servers.

Made with ☕ for developers who debug selectors.