njnpnfbnkpccabdjcgmgambggjnmbnad
Generate XPath and CSS selectors for web elements. Generate CSS, XPath, WebdriverIO, and Playwright selectors instantly from any element on a webpage. The Web Element Selector Generator is a powerful browser extension for developers, testers, and automation engineers. It instantly generates CSS selectors, XPath expressions, and ready-to-use framework snippets (WebdriverIO, Playwright) for any element on a webpage. No more manually inspecting HTML or struggling with unreliable locators — this tool gives you multiple selector strategies in one click. Key Features Multiple Selector Types CSS Relative & Absolute XPath Relative & Absolute CSS Attribute Contains XPath Text Contains ARIA Role Locators (getByRole) Automation Framework Snippets Ready-made selectors for WebdriverIO, Playwright, and more. Absolute & Relative Selectors Generate both robust relative selectors and full absolute paths. One-Click Copy Quickly copy any selector or snippet to your clipboard. Validation Tool Test your selector directly in the page to confirm it matches. Highlight on Hover See exactly which element you're selecting. Alt+Click Selection Pick elements without blocking navigation. How It Works 1. Click the extension icon to open the popup. 2. Hover over any element — it will be highlighted. 3. Alt+Click to select it without triggering navigation. 3. View all selector variations in the popup. 4. Copy or validate with one click. Privacy This extension does not collect, store, or transmit any personal data. All processing happens locally in your browser.
SelectorsHub
Locators Plugin to Auto Generate and Verify Playwright Locators, XPath & CSS Selectors. SelectorsHub - Auto-generate Playwright Locators, XPath & CSS Selectors SelectorsHub is a powerful developer tool that automatically generates and verifies Playwright locators, XPath, and CSS selectors for web automation testing. Key Features: 1. Auto-generation: Instantly generates multiple selector types including native Playwright locators, XPath, CSS selectors, IDs, names, and more. 2. Advanced element support: Works seamlessly with iframes, Shadow DOM, SVG elements, dynamic elements, dropdowns, and complex UI components. 3. Smart suggestions: Auto-suggests attributes, text values, and occurrences to help you build selectors faster—no more copying and pasting from the DOM. 4. Error detection: Provides clear error messages indicating what's wrong with your XPath or CSS selectors. 5. Element highlighting: Automatically highlights matching elements and scrolls them into view for easy verification. 6. XPath Healing: Verify all the xpath in one shot. 7. Locators Page: Generate Locator Page in one go. How to Use: 1. Open Chrome DevTools (F12 or right-click > Inspect) 2. Navigate to the SelectorsHub tab in the DevTools sidebar, or click the SelectorsHub icon in your browser toolbar 3. Inspect any element to automatically generate all selector types 4. For Playwright locators, click the "Playwright Selectors" button, then inspect the element 5. Type or edit selectors in the input box—smart suggestions will help you complete them quickly 6. Press Enter to verify and highlight all matching elements on the page Perfect for: a) QA Engineers and Test Automation professionals, b) Web developers working with Playwright, Selenium, Cypress, or other testing frameworks c) Anyone who needs reliable, maintainable element selectors
Scraper
Web scraper with XPath & CSS selectors. Extract data to Excel, CSV, JSON. SEO audit, table parser, element picker. Scraper — free Chrome extension for web scraping and data extraction from any website. Supports XPath and CSS selectors with export to Excel, CSV, JSON and Google Drive. Who is it for: • SEO specialists — collect meta tags, H1-H6 headings, links, images, Open Graph, Schema.org • Marketers — scrape product catalogs, price lists, competitor data • Data analysts — extract tables and structured data from web pages • Developers — test XPath and CSS selectors, debug DOM structure 🔍 XPath & CSS Selectors Two selector types for precise data extraction. Enter selectors manually or use the visual element picker. 🎯 Visual Element Picker Click any element on the page — the extension automatically finds similar ones. Ctrl+Click for multi-select, drag to box-select areas. 📊 15+ Built-in SEO Presets All Headings (H1-H6), Meta Tags, Internal Links, External Links, Images, Open Graph, Schema.org, Canonical, Hreflang and more. Create and save your own custom presets. 📋 Auto Table Detection One click finds all tables on the page. Select the one you need and download the data instantly. 💾 Export in Any Format • Copy — paste directly into Excel (TSV clipboard) • CSV — with UTF-8 BOM support • JSON — array of objects with column names • Excel (.xlsx) — with auto-sized columns • Google Drive — direct upload via OAuth ⚡ Quick SEO Audit Instant page analysis: Title, Description, H1, internal and external link count, images without alt text. 🔗 Smart Similar Element Detection "Find Similar" analyzes the DOM tree and suggests XPath variants at different nesting levels. 🛡️ Privacy & Security Manifest V3. All data is processed locally in your browser. No data is sent to external servers. 🌐 Multi-language Interface available in English and Russian. Scraper is a free web scraper for Chrome with no limits and no registration. Extract data from websites quickly and easily.
Web Element Selector
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.
CustomBlocker
Filter any element on any web site with any condition with XPath, CSS Selector & RegExp CustomBlocker is a powerful Chrome extension designed to give users full control over the content they encounter on the web. This extension allows you to filter out any element on any website using a variety of selectors, including XPath, RegExp, and CSS selectors. This means you can block specific content across platforms—whether it’s muting tweets on Twitter, filtering out reviews on shopping websites, removing comments on Facebook, or eliminating unwanted domains from Google search results.
