mcnpdhcahokegaldnocfilmgndgidomk
A web element locator tool for XPath and CSS selectors with real-time highlighting and property extraction features. ## Overview XPath Locator is a professional web element locator tool designed specifically for automation testers and web scraping developers. It provides multiple locating methods, real-time highlighting, property extraction, and history tracking features to make element location more efficient. ### 1. Multiple Locating Methods - XPath (both relative and absolute paths) - CSS Selectors - JavaScript Path - jQuery Selectors - TestRigor Path - Index-based XPath - ID, Name, Class, and other attributes ### 2. Real-time Element Inspection - Click the inspect button to highlight elements on mouse hover - Real-time display of element properties - HTML preview support - Visual element highlighting ### 3. Smart Locator Generation - Automatically generates optimized locator expressions - Supports both relative and absolute paths - Optimized locating strategies for different element types - Intelligent parent-child relationship analysis ### 4. Quick Copy Features - One-click copy for any locator expression - Copy element's complete HTML structure - Context menu integration for quick copying - Clipboard operation with success notifications ### 5. Validation & Testing - Built-in XPath syntax validation - CSS selector syntax checking - Real-time element finding and highlighting - Immediate feedback on locator validity ### 6. History Tracking - Automatically saves frequently used locators - Quick access to previous searches - History management with clear functionality ### 7. User-Friendly Interface - Clean and intuitive sidebar panel - Easy-to-use inspection mode - Clear property organization - Responsive design ## Technical Details - Supports all modern browsers - Lightweight and performance-optimized - No external dependencies - Cross-origin compatible - Real-time processing ## Support For bug reports or feature requests, please visit our GitHub repository or contact our support team. Note: This extension is designed for development and testing purposes. Please ensure you have necessary permissions when using it on web pages.
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
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.
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.
CSS Peek: Element Inspector
Instantly inspect elements and explore CSS properties, XPath, and more. Easily export assets, color palettes, and typography. CSS Peek: Element Inspector helps you instantly inspect any element on a webpage, explore its CSS box model, styles, colors, and typography, and export assets, color palettes, and typography styles in just a few clicks. - Visual box model diagram with color-coded layers and pixel values inside each layer. - Inspect and copy the color palette of the page. - Inspect and copy typography and fonts used on the page. - View and download assets from the webpage. - Manipulate the selected element’s styles in the Manipulate tab, with the ability to persist CSS changes across multiple websites. Each website has its own dedicated storage for saved styles. - A live color picker that allows selecting a color from anywhere on the page and updating the UI preview in real-time. - When an image element is selected, you can drag & drop a new image directly onto it. - The extension allows adjusting CSS of the selected element using keyboard shortcuts. This helps test spacing, sizing, colors, etc., without touching the code. - XPath Locator that finds both absolute and relative XPath selectors for an element, suggests improvements for more stable locators, and generates ready-to-use Playwright and Cypress code snippets. - Smart Mode Inspector enables fast element inspection while hovering, with an integrated accessibility checker. - Ability to toggle the main hover inspector on and off, allowing you to interact with the page (click buttons, navigate, etc.) and then re-enable it to continue inspecting elements. - Accessibility tab where you can find a complete report of the accessibility status of the current page with suggestions how to fix the issues where needed. Lightweight and user friendly.
