Web Element Selector

Advanced element locator with AI-powered xpath and css selector generation. Supports ChatGPT, Gemini, DeepSeek, and Claude.

Web Element Selector — AI-Powered XPath and CSS Generator for QA and Developers Web Element Selector is a professional Chrome extension designed for Test Automation Engineers, QA professionals, and Web Developers. It helps generate, validate, and repair XPath and CSS selectors using AI-powered assistance, all within a persistent sidebar that stays visible across page reloads. KEY FEATURES AI LOCATOR GENERATOR - Generate smart XPath and CSS selectors using ChatGPT, Gemini, DeepSeek, or Claude - Context-aware locator generation compatible with Playwright, Selenium, Cypress, and Puppeteer - Validate and highlight elements directly on the web page PERSISTENT SIDEBAR - The sidebar automatically reopens after page refresh - Keeps element history and AI suggestions across reloads - Ideal for dynamic and frequently refreshing web pages ADVANCED FREEZE CONTROLLER - Pauses all page activity for accurate element capture - Stops JavaScript timers, CSS animations, transitions, MutationObservers, and media playback - Includes visual freeze indicators and smooth transitions THEME MANAGEMENT - Supports Light, Dark, and Auto modes - Automatically adapts to system preferences FRAMEWORK COMPATIBILITY - Works seamlessly with Shadow DOM, iframes, and frameworks such as React, Angular, Vue, and Svelte IDEAL FOR - QA Engineers building reliable locators for automation tools - Developers inspecting or debugging complex DOM structures - DevOps teams ensuring test consistency in CI/CD pipelines - Web scraping developers working with dynamic content TECHNICAL HIGHLIGHTS - Zero telemetry – all processing is done locally - Client-side AI key storage for maximum privacy - Manifest V3 and CSP compliant architecture - Optimized bundle (68% smaller) for improved performance - Persistent state management with chrome.storage.local RECENT IMPROVEMENTS (v4.5) - Improved sidebar persistence across sessions - Enhanced dark mode and responsive layout - Fixed layout and alignment issues - Resolved CSP and timer handling bugs - Optimized freeze and unfreeze performance VERSION INFORMATION Version: 4.5 Release Date: October 18, 2024 Build Type: Production Package Size: 195KB (zipped) Browser Support: - Chrome (Manifest V3) - Firefox (Manifest V2) INSTALLATION CHROME 1- Download web-element-selector-chrome-v4.5.zip 2- Open chrome://extensions/ 3- Enable Developer Mode 4- Click "Load unpacked" and select the extracted folder FIREFOX 1- Download web-element-selector-firefox-v4.5.zip 2- Go to about:debugging#/runtime/this-firefox 3- Click "Load Temporary Add-on" 4- Select manifest.json from the extracted folder UPCOMING FEATURES (v4.6) - Streaming AI support for real-time locator suggestions - Batch locator validation - Export and import of locator collections - Visual locator builder - Advanced XPath debugging tools LICENSE AND SOURCE Web Element Selector is open source and available for community contribution. GitHub Repository: https://github.com/suatoruc/webElementLocator.git