XPath Tool可轻松提取、编辑任何网页上的 XPath 查询

Latest Version

Version

1.0.1

Update

November 17, 2024

Size

168KiB

Developer

XPath Tool Extension

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）以关闭控制台。

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "XPath Tool", "version": "1.0.1", "description": "XPath Tool\u53ef\u8f7b\u677e\u63d0\u53d6\u3001\u7f16\u8f91\u4efb\u4f55\u7f51\u9875\u4e0a\u7684 XPath \u67e5\u8be2", "icons": { "16": "assets/icons/16x16.png", "32": "assets/icons/32x32.png", "48": "assets/icons/48x48.png", "64": "assets/icons/64x64.png", "128": "assets/icons/128x128.png", "256": "assets/icons/256x256.png" }, "background": { "service_worker": "js/background.js" }, "action": { "default_icon": { "16": "assets/icons/16x16.png", "32": "assets/icons/32x32.png", "48": "assets/icons/48x48.png", "64": "assets/icons/64x64.png", "128": "assets/icons/128x128.png", "256": "assets/icons/256x256.png" }, "default_title": "XPath Tool" }, "content_scripts": [ { "matches": [ "http://*/*", "https://*/*" ], "js": [ "js/content.js" ], "css": [ "assets/style/content.css" ], "all_frames": true, "run_at": "document_end" } ], "permissions": [], "web_accessible_resources": [ { "resources": [ "iframe/*" ], "matches": [ "http://*/*", "https://*/*" ] } ], "content_security_policy": {}}

Download CRX(168KiB)