kemehiidmphhojhmdcfakmkcobeofngg
Advanced Selector & Script Checker is a powerful tool for developers, testers, and automation specialists. This extension… Advanced Selector & Script Checker is a powerful tool for developers, testers, and automation specialists. This extension simplifies the selection of unique selectors and script verification on any webpage. Analyze the DOM structure and inspect embedded JavaScript effortlessly. Click "Select an Element" and pick an element on the page. Navigate through the DOM tree using arrow keys (up/down for parent/child elements, left/right for siblings). Click on the selector to copy it directly to the clipboard. Script Validation on a Page: Enter a script URL and click "Check Script." View the number of scripts, their locations (head or body), and verify correct embedding. Results are color-coded: Green: A single script is correctly embedded. Orange: Multiple scripts are detected. Multi-page Script and Selector Checker: Provide multiple URLs for analysis. Selector and script URL will automatically copied to validate across all pages. View detailed results directly in the toolbox.
DOM Extractor
Select elements or areas and copy their DOM structure and CSS to ask AI models for help. DOM Extractor makes debugging and redesigning web elements dramatically easier by letting you select any element or region on a page and instantly copy its complete DOM structure and CSS styles in a format ready to share with AI assistants like Claude, ChatGPT, or Gemini. The extension captures not just the element you click, but intelligently includes its ancestor DOM elements to preserve the full context that affects rendering. This means when you're troubleshooting why a button won't center or a dropdown menu breaks on mobile, you're sharing the complete picture rather than an isolated fragment that lacks critical inherited styles or positioning context. You get automatic extraction of computed styles as they actually appear in the browser, not just the CSS rules written in your stylesheet. This distinction matters because cascade, inheritance, and browser defaults all influence final rendering. The extension also offers customization options to control extraction depth and which properties to include, so you can keep the output focused rather than drowning your AI assistant in thousands of lines of auto-generated framework styles. Install DOM Extractor if you regularly ask AI for help fixing layouts, understanding why styles aren't applying, recreating components from existing sites, or explaining complex DOM structures. Instead of manually inspecting elements, copying CSS rules one property at a time, and typing out HTML structure, you get everything in one click. This transforms a tedious five-minute process into something instantaneous, and the structured output makes it trivially easy for AI models to understand exactly what you're working with and provide actionable solutions.
Selector Z - Automation Recorder and Selector Finder
Records browser interactions and generates selectors. 🌟 SelectorZ – The Ultimate CSS & XPath Selector Helper for Web Automation & Scraping Say goodbye to the endless hunt for the perfect selector. SelectorZ is your personal assistant for recording, identifying, testing, and automating browser actions — all with a few clicks. 🚀 What SelectorZ Does: 🔴 Record Your Actions Just hit Record, click through the steps on any web page (e.g., open a profile, click "Send Message", type something), and SelectorZ captures it all. 🎯 Auto-Detects Multiple Selectors For each element, SelectorZ instantly generates 10+ CSS & XPath selectors. Say goodbye to trial and error. Now you’ve got options — and backups — for every click. 🧠 Step-by-Step JSON Output Every interaction is saved in clean, structured JSON — including actions and selectors. Perfect for developers using Puppeteer, Playwright, Selenium, n8n, or other automation tools. 💡 Easy ChatGPT Integration Paste the JSON into ChatGPT and ask it to generate a working automation script. It just works. 🛠️ Upcoming Features ▶️ One-Click Automation Preview (in-browser!) Run your recorded steps directly in the browser to test them. Fine-tune your selectors by trying alternatives until everything works perfectly. 🧪 Selector Testing UI See how many elements match each selector. Highlight matched elements visually on the page with a single click. Quickly switch between selectors to find the best one. 📤 Export Ready-to-Run Scripts Export final, working scripts based on your tested actions — no coding required. 💬 In-App Feedback Box Got feedback or an idea? Send it directly from the extension — no setup, no email fuss. 👨💻 Built For: - Web Scrapers & Automation Devs - QA Engineers & Testers - Growth Hackers & Marketers - No-Code Automators (Zapier, Make, n8n) - Anyone tired of digging through code to find working selectors Stop wasting time. Start automating. SelectorZ is the smart, simple way to turn your clicks into clean code.
Element Size Measurement
A Chrome extension that measures the size of elements when hovering over them. After clicking on the extension icon in the top right, it will activate. Then, when you hover over any element on the screen a little popup will display: Width in px Hight in px Area - Total area of the block you hovering over in px squared, and total percentage this block would take up of your screen (it can go above 100% which means more than one screen) Visible Area - Area taken up in the viewport (your browser screen) in px squared and in percent of the viewport Note: It doesn't work on absolutely all pages just yet, pages like settings and some google account pages and such require additional permissions, hence - doesn't work on those.
Yorkie Devtools
A browser extension that helps you debug Yorkie. With this extension, you can access the "Yorkie 🐾" panel within the Chrome Developer Tools. Here's an overview of the Key features: Left Tab: Document - Instant access to document keys. - Visualize the rootObject structure for a comprehensive understanding. CRDT insights - Clearly display data types for each CRDTElement using intuitive icons and informative tooltips. - Click on any CRDTElement to unveil datatype-specific details tailored to your debugging needs. View Options - By default, enjoy a JSON view for quick analysis. - Explore tree data types with an interactive graph view, offering a deeper understanding of the data structure.
