alccfbbppfhanjcefbodinimnenjnmpa
XPath Tool可轻松提取、编辑任何网页上的 XPath 查询 XPathCssSelecter Tool可轻松提取、编辑任何网页上的 XPath 与 CSS选择器 查询。 1. 打开新标签并导航到任何网页(必须是http或者https开头的地址渲染的网页) 2. 同时按住 Ctrl-Shift-X(或 Mac 上的 Command-Shift-X),或单击工具栏中的图标,从而打开编辑控制台。 3. 点击`查询`旁边的`小图标`开启鼠标悬停选择元素的XPath表达式(查询框将不断更新以显示鼠标指针下方元素的 XPath 查询,结果框将显示当前查询的结果),再次点击`小图标`则关闭鼠标悬停选择功能,同时也可以按键盘上的`Escape`键关闭。 4. 除了步骤(3)中鼠标悬停选择外还可直接在控制台中编辑 XPath 查询。结果框将立即反映您的更改。 5. 同时控制台编辑框中支持输入CSS选择语法进行选择元素 6. 可以按住 Shift 键加方向键(上下)来操作编辑控制台显示位置,同时可以按住 Shift 键鼠标移入进行操作编辑控制台显示位置 7. 重复步骤(2)以关闭控制台。
Xpath Helper
Shows text content of an XPath and highlights the element. This extension is ideal for developers and testers working with automation tools or scraping scripts. Just enter an XPath query, and the tool will display the matching text and visually highlight the element on the page without altering the structure or layout.
XPath Inspector
Shows XPath and element information on hover XPath Inspector is a lightweight and efficient Chrome extension that helps developers and QA engineers easily inspect and copy XPath information from web elements. Key Features: - Toggle on/off with a single click - Real-time element highlighting - Clean and minimal visual interface - Displays tag name, XPath, element size, and position - Quick XPath copying with Ctrl+C - Non-intrusive overlay that doesn't interfere with page functionality - 100% free with no ads or in-app purchases How it works: 1. Click the extension icon to activate (blue icon indicates active state) 2. Hover over any element on the webpage 3. See instant visual feedback with a dashed outline 4. View element information in a clean tooltip 5. Press Ctrl+C to copy the XPath while hovering 6. Toggle off when not needed (grey icon indicates inactive state) The extension starts in disabled mode by default and maintains a clean visual style that won't interfere with your browsing experience. It's perfect for web developers, testers, and anyone working with web automation or scraping tasks. This extension is completely free to use with no advertisements or premium features. We believe in providing useful tools to the development community without any hidden costs or restrictions. If you find this extension useful in your daily work and would like to support its continued development, consider buying the developer a coffee at "https://buymeacoffee.com/ydh10780". While the extension will always remain free, your support is greatly appreciated and helps maintain and improve tools like this!
xPath Helper PRO
xPath Helper PRO – Your Visual XPath Companion What is xPath Helper PRO? xPath Helper PRO is a powerful and minimalistic Chrome extension designed to help developers, testers, and SEO professionals visually inspect and evaluate XPath expressions directly within any webpage. This extension provides a convenient on-page interface where you can write XPath queries, instantly see the results, and visually highlight matching elements—making DOM navigation and testing faster and easier than ever. 🚀 Features Live XPath Query Panel A fixed overlay at the top of the page allows you to input and test XPath queries in real-time. Instant Output Preview See the inner content or HTML of the first matching element directly next to your query. Visual Element Highlighting The first matching element is outlined in yellow on the page so you can visually locate it within the DOM structure. Element Picker Tool Click on any element in the webpage to automatically generate and insert its XPath into the query field. Lightweight & Non-Intrusive Clean interface that doesn’t interfere with the page content, and can be toggled on or off with a single click. Ready-Made XPath Queries xPath Helper PRO now offers a set of pre-built XPath queries categorized by use cases such as SEO, forms, navigation, layout, media, and accessibility elements. With just a few clicks, users can: Quickly insert a common XPath query into the input field. Instantly find elements like page titles, meta descriptions, Open Graph tags, form inputs, navigation menus, hidden elements, videos, and more. Save time and avoid manual typing for frequent XPath patterns. Simply select a query from the dropdown list under the input box, and the corresponding XPath expression will be automatically loaded for you to test and explore! Categories include: SEO Elements, Form Elements, Navigation Components, Layout Containers, Media Content, Interactive Elements, and Accessibility Landmarks. Easy Copy and Go You can quickly copy your xPath queries and results. 🧑💻 How to Use Activate the extension from your Chrome toolbar. A black overlay bar will appear at the top of the webpage. Type any XPath expression (e.g. //div[@id="main"]) into the left input field. The right panel will display the content of the first matching element (if found). The matched element will be visually highlighted on the page with a yellow border. Activate Auto-Select mode to pick any element on the page and automatically get its XPath. 📦 Who is it for? Frontend Developers – Quickly locate and test DOM elements. Test Engineers – Use XPath queries for automated test script development. SEO Specialists – Easily find and inspect structured data or hidden meta tags. Take full control of the DOM with xPath Helper PRO – the modern way to explore, inspect, and master XPath.
Xpath Helper
Extract, edit, and evaluate XPath queries XPath Helper simplifies the process of extracting, editing, and evaluating XPath queries directly on any webpage. - Instant XPath generation: Quickly get the XPath for the element currently under your mouse. - Real-time testing: Test and evaluate your XPath expressions instantly. - Element highlighting: See matching elements highlighted on the page. - Result display: View the node count and matching results clearly. Important: After installing, you'll need to reload any open tabs or restart Chrome for XPath Helper to function.