nbgpkmdjdopfhiibdminmpbpmnppcjgm
Advanced element locator with AI-powered xpath and css selector generation. Supports ChatGPT, Gemini, DeepSeek, and Claude. WEB ELEMENT SELECTOR v5.0 The Professional AI-Powered Automation Companion for QA and Developers Web Element Selector is a comprehensive Chrome extension re-engineered for Test Automation Engineers, QA Professionals, and Web Developers. Going beyond simple selector generation, v5.0 transforms into a full-featured automation assistant capable of generating robust Page Object Models (POM), handling complex relative locators, and validating elements with AI-driven confidence scoring. Designed for reliability in CI/CD pipelines and dynamic web environments, Web Element Selector ensures your test scripts are resilient, maintainable, and generated in seconds. KEY CAPABILITIES [1] INTELLIGENT AI LOCATOR GENERATION Leverage the combined power of ChatGPT, Gemini, DeepSeek, and Claude to generate context-aware XPath and CSS selectors. Unified AI Engine: Get the single best locator with an automatic Confidence Score. Persistent Context: The AI remembers your session history, allowing for iterative refinement even after page reloads. Smart Validation: Instantly validate and highlight elements to ensure locator accuracy before adding them to your code. [2] AUTOMATED PAGE OBJECT MODEL (POM) EXPORT Stop writing boilerplate code manually. Export complete Page Object classes instantly. Framework Agnostic: Native support for Playwright, Selenium (Java/Python/C#), and Cypress. Smart Integration: Automatically incorporates AI-optimized locators into your preferred design pattern. Batch Processing: Select multiple elements and export a full page object in one click. [3] RELATIVE LOCATOR SUPPORT Build resilient tests for dynamic applications where IDs and attributes change frequently. Visual Guidance: Visual indicators help you map the DOM structure to create the most stable relative path. Deep Freeze: Pauses JavaScript timers, CSS animations, and DOM mutations. Precision Capture: Allows you to inspect and select elements that are impossible to catch with standard dev tools. Client-Side Security: API keys are stored locally with encryption. Optimized Performance: The v5.0 bundle is 75% smaller and 60% faster, ensuring zero impact on browser performance. IDEAL FOR QA Engineers building scalable test automation frameworks. DevOps Teams requiring stable locators for consistent CI/CD pass rates. Test Architects designing maintainable Page Object Models. WHATS NEW IN VERSION 5.0 MAJOR UPDATE: Complete architecture overhaul for speed and stability. NEW: Complete POM Export for Playwright, Selenium, and Cypress. NEW: Relative Locator generation for dynamic content. NEW: Unified AI suggestions with reliability scoring. IMPROVED: Enhanced Shadow DOM and iframe support. IMPROVED: 40% reduction in memory usage and optimized garbage collection. Download the latest release package. Enable "Developer Mode" in your browser's extension settings. Select "Load Unpacked" and choose the extension directory. OPEN SOURCE & COMMUNITY Web Element Selector is open-source software. We believe in transparency and community-driven development. Privacy Policy: We do not collect personal data. All AI operations are performed via your own API keys stored locally on your device.
Element Selector
Select and extract content from webpage elements. Select and extract content from webpage elements.
ElemPick - A Selector XPath Element Picker
A simple element picker that can generate CSS Selectors and XPath expressions. Important I want you to be 100% happy with ElemPick! If something isn't working right, or if there's a feature you think is missing, please open an issue on GitHub and give me a chance to help before leaving a review: https://github.com/sixcious/elempick/issues About ElemPick is a simple element picker that can generate a path (Selector or XPath) to an HTML element on the page. Click on the toolbar icon, then click on the element you want on the page, and then click the Clipboard Button above the path in the small UI Window to copy it. Features • Generates a CSS Selector or XPath Expression for an element on the page • Can also generate JS Paths (JavaScript Paths) • Dual algorithm support: Use ElemPick's internal algorithm or Chromium's • Context Menu Option available so ElemPick can be one right click away • DOM Traversal Buttons to allow you to navigate to a nearby element • Limited support for elements inside Shadow DOM and Same-Origin Iframes • Options: Optimize paths and choose your preferred quote style • User Interface: A simple UI made with Material Design and Lit Privacy Policy ElemPick does not track you. It does not use analytic services. It does not collect any data from your device or computer. All your data is stored locally on your device. Your data is *your* data.
Locator Labs-Playwright, Selenium, Cypress & WebdriverIO Locator Generator
Generate smart locators for Playwright, Selenium, Cypress, WebdriverIO & Robot Framework LocatorLabs - Smart Locator Generation for Playwright & Selenium Developed by Naveen Automation Labs FZCO Generate intelligent Playwright, Selenium, Cypress, WebDriverIO, Robot Framework locators instantly with quality ratings, automated Page Object generation, and advanced DOM support! ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🆕 WHAT'S NEW IN 1.6.9 [Latest] ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ NEW: 1. Test Data Generator - Just click on Test Data Generator Icon and fill the form with the right accurate realistic test data (No need to enter it manually). 2. User can enter positive and negative test data in just one click. 3. User can config the type of test data from the settings section. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🆕 WHAT'S NEW IN 1.6.8 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 1. Shows exact matching count in front of each locator 2. Auto scrolling to the test locator after inspecting any element and shows the right matching count 3. Page Object Mode: 1. Add elements to cart: Click the cart icon to add locators without re-inspecting - build your Page Object collection seamlessly 2. Multi-element selection: Keep inspecting and adding elements to your Page Object cart 3. Generate Page Objects: Export complete Page Object classes for your selected framework Page Object Generators: 4. Playwright TypeScript: Encapsulation with private readonly fields, typed Locators, and async action methods 5. Selenium Java: Classic pattern with private By locators, constructor with this, and public page actions 6. Robot Framework: New .robot file generation with Variables and Keywords sections 7. Cypress: PO Mode disabled with tooltip (Cypress recommends App Actions) Bug Fixes: 1. Fixed "Element already in cart" false positive for links with same class names 2. Link elements now correctly prioritize Link Text locators 3. UI Improvements: -New Extension Popup with setup instructions -Keyboard Shortcut: Ctrl+Shift+L / Cmd+Shift+L -Toast notifications moved to bottom-right (500ms) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Major Feature: Added all major actions like: click, sendKeys, fill, type, textContent, getText, etc.. Now user can practice and verify with these methods directly in the LocatorLabs without using the tool. Other Features: 1. Added all big 5 automation frameworks (Playwright, Selenium, CypressJS, WebDriverIO, Robot Framework) 2. Copy options with locator, full locator text and locator with variable name 3. Better iframe handling 4. Better ShadowDOM handling 5. Support for Incognito Mode 6. Better error handling 7. Minor Bug Fixes 🎯 Smart Locator Generation • Quality ratings: BEST/GOOD/OK for every locator • Recommended vs Alternative locators • getByRole, getByLabel, getByPlaceholder, CSS, XPath • Descriptive explanations for each locator 🎯 Selenium 4+ Relative Locators • Generate spatial relationships: above(), below(), toLeftOf(), toRightOf(), near() • Smart anchor element detection • Auto-import generation for Java & Python 🎯 Page Object Generator • Export organized Page Object classes • Element-wise collection management • Framework-specific code generation • Production-ready code output 🎯 Productivity Tools • ✏️ Drawing & annotation tool • ⏸️ Pause mode (Press 'P') • ⌨️ Enter key navigation through elements • 🔄 Circular element navigation • Real-time locator validation • Auto-complete with syntax highlighting • Dark/Light theme support 1. ZERO data collection - We don't track anything 2. 100% offline - No backend servers, no cloud 3. No user accounts required 4. No ads or malware 5. Minimal permissions (activeTab, downloads only) 6. All processing happens locally in your browser Unlike other tools, there's NO backend to hack, NO database to breach, and NO data to steal. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 💼 PERFECT FOR ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - Save hours on manual locator creation - Generate maintainable, production-ready code - Reduce flaky tests with smart strategies - Learn best practices through recommendations - Boost productivity with instant suggestions - No subscription fees - Free forever LocatorLabs is developed and maintained by: 📍 Naveen Automation Labs FZCO 📍 DAFZA Free Zone, Dubai, UAE 📍 License No: 4949 ⭐ If LocatorLabs helps your testing workflow, please leave a review!
Element Selectors
Chrome extension to find element selectors Xpath and CSS plugin to auto generate shortest xpath, css & Playwright Locators Element Selectors plugin can also be used to auto generate the unique shortest xpath, shortest css and Playwright selectors. Steps to generate xpath, css and playwright locator 1. Once installed, please restart your browser 2. Open the page you can want to get css selector 3. Open Devtools by clicking on the inspect window or F12 (Function F12) 4. Open the Element Selectors sidebar panel located in the devtools 5. Inspect the desired element to get the css locator Features- a) Playwright Locator b) Short and Long CSS c) Short and Long Xpath If you are facing any issue or want to give a feedback, feel free to reach out to me at genaidevguru@gmail.com
