Find XPath and CSS selectors for any element on web pages
Sample Web Page - Try Hovering Elements!
Sample Form
Sample Content
This is a paragraph with some sample content. You can hover over any element
to see the locator information.
List Item 1 - Web Development
List Item 2 - Mobile Apps
List Item 3 - Data Analysis
Navigation Links
đ¯ Element Locator Tool
Click "Activate" then hover over elements to get locators
No element selected
đĄ How to use:
1. Click "Activate" button
2. Hover over any element on the page
3. Click to lock the locators
4. Use the copy buttons to copy locators
đ¯
Smart Element Detection
Automatically detects and highlights elements as you hover, providing instant
visual feedback.
đ
XPath & CSS Generation
Generates optimized XPath and CSS selectors for reliable element
identification.
đ
One-Click Copy
Copy selectors to clipboard with a single click for immediate use in your
projects.
âšī¸
Element Information
Shows detailed element information including tag, ID, classes, and text
content.