agoffnfbofbgggpdoikchockhdekmkck
Dev Tools Extension to report on elements attributes and copy their value as text or xpath expression Attribute Reporter is a DevTools panel for inspecting HTML element attributes across a page. Select any element, type an attribute name (or pick class, id, or data-testid with one click), and instantly see a list of all matching child elements with their values β or which ones are missing them. - π Inspect any attribute by name across all child elements - β Spot missing or empty attribute values at a glance - π Copy individual values, XPath expressions, or CSS selectors to the clipboard - π¦ Export all results as JSON (element, value, CSS selector, XPath) - π No special permissions required What's New in v2.1.0 - π Missing attribute finder β Toggle "β missing" to instantly see all elements that lack the target attribute (e.g. buttons without aria-label). - π·οΈ Element-type filter β Filter results by element type (button, input, divβ¦). Multi-select, composes with the missing toggle. - π’π‘π π΄ Status indicators β Every row now shows a color-coded status: OK, duplicate value, empty value, or missing attribute. Hover for details. - π Copy as CSV β Export the current filtered list as CSV, ready for spreadsheets or bug reports. - πΎ Remembers your last attribute β The target attribute name is now saved between DevTools sessions. - aria-label shortcut added to the quick-select badges.
Tabsets.net
Use tabsets.net to safely keep track of all your tabs and links in the Side Panel, stored locally on your browser With the Tabsets Extension, you'll have a new way to organise your Links, Tabs, and Bookmarks - store and find any website quickly. * It runs in the Side Panel :) * Your data is stored solely on your own computer * Integrates Bookmarks: simply use both * Organise your tabs using: tags, domains, folders, colours etc. The code is open source and available at GitHub. Do not navigate through multiple levels of folders of your browsers bookmark manager until you might find what you were looking for. This is what you can do instead: - Organise and Manage everything in your Browser's SidePanel - Utilise multiple windows and access them with inline window manager - Search for websites easily (by URL, title, or even content) - Quick access to your bookmarks (optional feature*) - Conveniently find and open an URL, or open all tabs of a set - Archive Tabsets (for later use) (optional feature*) - Quick access: newest tabs, most used tabs, tabs by domain Further Features: - Dark Mode - Import and export Tabsets as JSON - Use Color Markers for Organising (optional feature*) *) optional features need to be activated in the settings page
ElemPick - A Selector XPath Element Picker
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.
Xpath Ninja
Generates xpath on clicking the element. Xpath Ninja is a game-changing extension for Chrome that revolutionizes the way you generate XPath expressions. With its user-friendly interface and intuitive functionality, Xpath Ninja allows you to effortlessly generate XPath expressions and their corresponding variable names by simply clicking on elements within any webpage. No more tedious manual XPath creation or guesswork. Xpath Ninja empowers developers, testers, and enthusiasts of all skill levels to quickly and accurately generate XPath expressions with just a few clicks. Whether you're a automation enthusiast, web developer professional, or an quality assurance, Xpath Ninja is the must-have tool in your arsenal. And now, accessing Xpath Ninja is even easier! After installing the extention open the inspect panel with the shortcut Ctrl+Shift+I, you can navigate to the "Elements" panel section and find the dedicated "Xpath Ninja" panel. This streamlined integration ensures that you have instant access to Xpath Ninja's powerful features, right at your fingertips. But Xpath Ninja doesn't stop there. We've taken it a step further by introducing a seamless integration with Django, the renowned Python web framework. By following our comprehensive documentation, you can unlock the true potential of Xpath Ninja. With the "Start New Test Case" button, you can effortlessly create Python files containing all the XPath expressions for your specific test cases, without the need for complex setup or configuration. Xpath Ninja simplifies your workflow, saves you time, and enhances your productivity. Experience the power of effortless XPath generation today with Xpath Ninja, the essential Chrome extension for automation testing and web development. Get ready to conquer XPath challenges like a true ninja! For any support or inquiries, please don't hesitate to reach out to jdawani@cisco.com
HTML Tag Elements Attribute CSV Exporter
HTML Tag Elements Attribute CSV Exporter This chrome extension allows you to export the attribute values (or outer HTML) of selected HTML elements on any web page as a CSV file. You can use this extension to extract data from web pages for analysis, research, or backup purposes. How to use this extension: To use this extension, follow these steps: 1. Install the extension from the Chrome Web Store. 2. Go to any web page that you want to extract data from. 3. Click on the extension icon in the toolbar. A popup will appear with two text boxes: one for selector html query and another for attribute name. 4. In the selector html query text box, enter a valid CSS selector that matches the HTML elements you want to export. For example, if you want to export all the links on the page, you can enter a as the selector. If you want to export only the links with a specific class name, you can enter a.className as the selector. You can use any CSS selector syntax supported by Chrome. For more information on CSS selectors search on google. 5. In the attribute name text box, enter the name of the attribute that you want to export for each element. For example, if you want to export the href attribute of each link, you can enter href as the attribute name. If you want to export the outer HTML of each element, you can leave this text box empty. 6. Click on the Download CSV button. A CSV file will be downloaded to your default download location. The file will contain one row for each element that matches your selector, and one column for the attribute value (or outer HTML) of each element. Feedback and support: If you have any questions, suggestions, or issues with this extension, please contact me by Telegram at (https://miladashrafi.t.me). I appreciate your feedback and support. Thank you for using HTML Tag Elements Attribute CSV Exporter!
