CRX id
kfjenlcofmnebaaaildlfcfalnigaaca
kfjenlcofmnebaaaildlfcfalnigaaca
Description from extension meta
A powerful browser extension to simplify locating unique elements within a DOM structure.
Image from store
Description from store
🎯 WebElement Inspector - The Ultimate DOM Locator Tool
Transform web development and testing with the most powerful element selector generator available. Generate reliable CSS, XPath, and Playwright locators instantly with just one click!
âš¡ Why Developers Love WebElement Inspector:
✅One-Click Magic - Point at any element and get perfect selectors instantly
✅Playwright Ready - Native support for modern testing frameworks with role-based locators
✅Visual Precision - Interactive highlighting with real-time preview and validation
✅Copy & Go - Instant clipboard access for seamless workflow integration
🚀 Advanced DOM Mastery:
✅Universal Compatibility - Works with iframes, Shadow DOM, SVG, and dynamic content
✅Smart Detection - Finds even the trickiest elements including framework-generated and invisible components
✅Multiple Strategies - CSS selectors, XPath expressions, and Playwright locators all in one tool
✅Accessibility First - Full ARIA support and semantic markup integration
🎠Playwright Superpowers:
✅Role-based locators: page.getByRole('button', { name: 'Submit' })
✅Text targeting: page.getByText('Click here')
✅Label association: page.getByLabel('Email address')
✅Test ID support: page.getByTestId('submit-button')
Perfect for developers, QA engineers, and automation specialists who demand reliable, future-proof selectors. Stop wasting time hunting for elements - let WebElement Inspector do the heavy lifting!
Latest reviews
- (2025-09-12) Darryl Grant: WebElement Inspector has completely transformed the way I work with DOM elements. With just a single click, it generates perfect and reliable CSS, XPath, and Playwright locators , saving me hours of manual inspection and selector crafting. This extension is a must-have for any developer, tester, or QA engineer who wants to write robust automated tests faster. The one click locator generation is not just accurate but incredibly efficient, making my workflow smoother and more productive.
- (2025-08-23) DubaiSouth QA: This extension has completely streamlined my Playwright test writing. I just click on any element and instantly get perfect role-based locators ready to paste into my code. Used to spend ages crafting XPath selectors manually and half of them would break when the UI changed, but WebElement Inspector generates rock-solid selectors that actually work long-term. The real-time highlighting makes it super clear which element you're targeting, and it even handles tricky stuff like Shadow DOM and dynamic content that other tools miss. Honestly saves me hours every week and makes writing automated tests actually enjoyable instead of frustrating.
- (2025-08-22) Nishad Hameed: This extension has seriously saved me hours of work. As someone who writes a lot of Playwright tests, I used to spend way too much time inspecting elements and crafting selectors manually. With WebElement Inspector, I just point and click - boom, perfect locators ready to paste into my test files.
- (2025-08-16) TheSF Learner: I work as a frontend developer and frequently need to inspect web elements for both development and testing purposes. WebElement Inspector has become my go-to solution for this. The extension loads quickly and provides clear, detailed information about page elements without slowing down my browser. What I really appreciate is how clean the output is when identifying selectors. Unlike the built-in browser dev tools that can sometimes give you overly complex or unreliable selectors, this extension consistently provides practical options that actually work in real scenarios. This has been particularly helpful when collaborating with our QA team on test automation projects.
- (2025-08-16) Philip George: WebElement Inspector is the best web inspection tool I have ever used, offering the perfect balance between simplicity and functionality. It's incredibly straightforward and intuitive, making web element inspection efficient without unnecessary complexity. This tool is invaluable for QA engineers during test automation scripting and absolutely essential for anyone working with Playwright test automation. It significantly improves productivity by helping identify selectors and providing reliable element information for writing and debugging automated tests. I consider it a must have tool for Playwright users.
- (2025-08-15) Wonder TesterTwo: Nice extension for Test Automation. I am using Playwright to do test automation. Extension is helping me to locate web elements quickly. Thanks
- (2025-08-14) alex idicula: WebElement Inspector has revolutionized my test automation workflow. As someone who builds test suites daily with Playwright, this extension has eliminated the frustration of manually crafting selectors. One simple click and I get multiple, rock-solid locator options instantly. The real magic happens with its Playwright-specific features - the role-based selectors it creates are exactly what you need for modern, maintainable test scripts. No more guessing or trial-and-error with CSS selectors that break when the UI changes. The interface is clean and intuitive, making it accessible whether you're a seasoned automation engineer or just getting started. What used to take me 10-15 minutes of DOM inspection now happens in seconds.
- (2025-08-10) Wonder TesterOne: WebLocatorHub is an excellent Chrome extension tailored for test automation engineers who need to efficiently identify web locators. The extension excels at generating clean Playwright locator code, and its intuitive side panel makes the workflow seamless and user-friendly. As a bonus, it's completely free to use, supported by unobtrusive advertisements. Highly recommended for anyone working with Playwright automation!
Statistics
Installs
28
history
Category
Rating
5.0 (11 votes)
Last update / version
2025-08-21 / 3.0.0
Listing languages
en