element-selector

iFrame Finder - Extract all iframe elements from the webpage

Quickly extract and view all iframe elements on the current page, including source URLs, paths, and nested structures. iFrame Extractor is a Chrome extension designed for web developers, testers, and content analysts to quickly locate and extract all iframe elements from a webpage. Key Features: ✅ One-click Extraction - Simply click to extract detailed information of all iframes on the page. ✅ Encoding Support - Supports various character encodings (UTF-8, GBK/GB2312, Big5, etc.) to resolve encoding issues. ✅ Deep Analysis - Recursively checks nested iframes and analyzes the iframe structure at different levels. ✅ Copy Functionality - Provides one-click copying of iframe URLs or DOM selector paths. ✅ Visual Display - Clearly displays the visibility, size, and position of each iframe. ✅ Same-Origin Detection - Automatically identifies and marks iframes restricted by the same-origin policy. Web Development & Debugging - Quickly locate iframe elements within a page. Frontend Testing - Analyze iframe structures and attributes. Content Review - Check third-party content embedded in the page. Ad Analysis - Locate iframe elements related to ads on the page. After installing the extension, click on the extension icon in the toolbar. If you encounter encoding issues, select the appropriate character encoding from the dropdown menu. Click the "Extract All iframes on this Page" button. View the detailed iframe information list. Use the copy buttons to get the iframe URL or selector path. The extension only reads the information from the webpage you are currently visiting and does not collect or transmit any personal data. Make Web Development Simpler – Install iFrame Extractor now and get a clear overview of iframe elements!

Web Element Extractor - 网页元素提取器

智能提取网页元素，一键生成AI对话提示词，让AI更准确理解你的需求 在你使用 Claude Code 或者 Cursor 等 AI 编程工具开发网页时，经常需要准确的向 AI 表达要修改的内容，这块工具可以解放你的手指，只需要在浏览器选择元素，复制信息，即可获取精准的网页元素描述，节省口舌。

Automa

From auto-fill forms, doing a repetitive task, taking a screenshot, to scraping data of the website, it's up to you what you want… From auto-fill forms, doing a repetitive task, taking a screenshot, to scraping data of the website, it's up to you what you want to do with this extension. And you also can schedule when the automation will execute. If you have a question or want to report a bug, feel free to open an issue in automa GitHub repository.

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