bgcbdbijjohohjnckgpccjfimlkfbjdi
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.
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
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.
XPath Selector
HTML XPath Selector: instantly test and debug XPath queries in your browser. Validate your XPath expressions easily. Seeking an easy-to-use yet effective and fast tool to work with XPath expressions right in your browser? In this case, our project may perfectly cope with this task. It is designed specifically for developers, quality control specialists, web testers, data analysts and anyone who often interacts with DOM elements in HTML documents. Our online helper tool is a Chrome extension specifically designed to simplify and speed up the process of finding, evaluating, testing, and debugging queries directly in your browser. Why choose our extension? Finding the suitable tool for your task can be challenging these days. Maybe you need something simple, but are limited to yet another generic tool overloaded with features. We decided to take a completely different approach — to create a simple, low-learning online module focused on working with XPath for texts. Based on these design principles, we equipped Xpather with the following key features: * Real-time XPath Checker: Evaluate XPath expressions instantly as you type. Receive clear, informative error messages if the XPath is invalid or a straightforward notification if no matches are found. * XPath Query Editor: Refine your selectors inside the plug-in. Update expressions on the fly and get instant feedback * Interactive Node Highlighting: Matched nodes are visually highlighted on your webpage, clearly indicating selected elements. Precisely confirm which elements your search pattern matches. * Detailed Node Information: Displays the number of matched nodes and their corresponding texts. Copy filter queries and matched node texts easily with one click. * Point-and-Click XPath Generation: Hold the "Shift" key and hover over any element to retrieve its DOM path. Automatically fills the result into the input field, simplifying selection without manual typing. * Convenient Side Panel Interface: Access the helper through the side panel by clicking the extension icon or using keyboard shortcuts. Here are a few simple steps you'll need to take: 1. Install the module: add XPath Selector to your browser directly from the Chrome Web Store using the button in the top right corner of the page 2. Open the Tool: click the extension icon in your Chrome toolbar or use the keyboard shortcut ("Ctrl + Shift + X" for Windows/Linux or "Cmd + Shift + X" for Mac). 3. Start Testing: enter your XPath text into the input field to see actual validation results, matched nodes, or clear error messages. 4. Find matching nodes with mouse: hold "Shift" and hover over an element on the webpage; HTML XPath Evaluator automatically detects the node path and clearly highlights the element. What tasks can our software help you with? Our in-browser solution is not a multifunctional tool. On the other hand, it was initially developed with a focus on the most necessary duties when working with HTML documents. Thus the add-on can be viewed as: * XPath validator: instantly checks the syntax and correctness of the provided lookup string. * XPath finder: quickly finds a unique path to any element in your documents. * XPath generator: populates the search pattern based on the existing web page content. * XPath highlighter: highlights relevant nodes to make them easier to identify on a website. * XPath tester: modify and try various queries to find those which match your requirements. Ensure your Selenium tests are running correctly by validating your path. Respect for your privacy and security We understand the importance of privacy in today's digital landscape. To meet high standards XPath test extension: * Operates fully within your browser. Your data and queries remain private; no external storage or transmission occurs. * Requests only essential browser permissions, ensuring your privacy while maintaining full functionality. * Built on Manifest V3, the latest version of the Chrome extension platform. If you find a bug, encounter some issue or just have a question do not hesitate to contact us via the feedback form https://forms.gle/ng2k8b99tV8sWc8t7 or send an email to extensions@petprojectsatlas.com. We try to keep our application useful by regularly updating it, improving its capabilities and adding features based on user feedback. Therefore, we would love to hear your opinion. Add the extension to your toolkit Install XPath HTML Selector Tool and efficiently accelerate your testing and debugging tasks. Whether you’re testing a simple path or working on a complex Selenium project, our tool has you covered. Easy Chrome integration simplifies your XPath workflow—download now and start validating your ideas straight away.
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.
