Item logo image for PixPage 智能元素拾取助手

PixPage 智能元素拾取助手

ExtensionDeveloper Tools4 users
Item media 3 (screenshot) for PixPage 智能元素拾取助手
Item media 1 (screenshot) for PixPage 智能元素拾取助手
Item media 2 (screenshot) for PixPage 智能元素拾取助手
Item media 3 (screenshot) for PixPage 智能元素拾取助手
Item media 1 (screenshot) for PixPage 智能元素拾取助手
Item media 1 (screenshot) for PixPage 智能元素拾取助手
Item media 2 (screenshot) for PixPage 智能元素拾取助手
Item media 3 (screenshot) for PixPage 智能元素拾取助手

Overview

交互式页面元素高精度拾取与 AI 协同定位助手,一键提取复合选择器、DOM属性、几何坐标并格式化为 AI 排查 Prompt。

PixPage 是一款专为前端工程师、自动化测试人员及 AI 开发者打造的高精度页面元素拾取与智能排查助手。 在日常的前端开发、UI 自动化测试编写以及向大模型排查页面缺陷时,寻找唯一稳定的元素选择器往往耗费大量时间。PixPage 帮助你以零侵入方式交互式点击页面上的任意元素,自动计算高稳定度的复合定位表达式,并结构化格式化为大模型专属的排查定位 Prompt,助力 AI 快速分析与修复。 【主要功能】 • 智能抗脆弱选择器生成 自动提取多种定位策略,包括专用测试标识(data-testid/data-qa)、语义 ID、文本内容 XPath、语义属性及精简 CSS 选择器,告别脆弱的绝对路径。 • AI 协同 Prompt 格式化 一键将选中元素的标签类型、文本内容、尺寸坐标、层级路径及计算样式组装为结构清晰的 Markdown Prompt,直接贴入 ChatGPT、Claude、Gemini 等大模型即可开始对话。 • 自由交互与临时穿透模式 拾取过程中按下 Space 空格键,随时挂起拾取进入自由交互模式,畅通操作多级下拉菜单、弹窗表单或切换标签页;亦可按住 Alt (Option) 键临时穿透点击,零阻碍联动页面原有功能。 • 批量多选与自适应标记 支持通过快捷键或界面切换至多选模式,一次性拾取页面上的多个关联元素或表单组件。在单页应用 (SPA) 中切换菜单或动态增删内容时,常驻标记自动识别元素有效性并精准对齐,彻底杜绝错位与悬空幽灵框。 • 防误触分级退出机制 在结果抽屉展开时,按下 ESC 键优先仅收起遮挡弹窗,完整固化保留已选元素与 Prompt 描述内容,方便继续加选被遮挡的元素;再次按下 ESC 才会安全退出。 • 键盘层级与底层穿透 支持按 ↑/↓ 键在父子 DOM 容器间精确导航,按 Tab 键穿透透明遮罩层定位底层元素。 • 零侵入轻量体验 完全隔离插件与被审查页面的样式与交互,不破坏宿主网站的原有排版和类名。 • 全局快捷键快速唤醒 按下 Alt+Shift+X 即可在任意网页中一键开启或关闭元素拾取器。 【使用方法】 1. 点击浏览器右上角工具栏的 PixPage 插件图标,或按下快捷键 Alt+Shift+X 开启拾取; 2. 鼠标移动至页面目标元素上方,查看高亮框与悬浮定位建议; 3. 单击目标元素锁定并弹出定位面板,或按 Space 进入自由交互展开需要审查的复杂菜单; 4. 点击“复制 AI Prompt”或“复制选择器”,直接粘贴至开发工具或 AI 对话框中进行排查。 【隐私与权限安全】 PixPage 严格遵循纯本地运行原则: • 不收集任何用户的个人身份信息或浏览记录; • 所有元素分析与选择器计算均在本地浏览器内存中即时完成; • 绝不向任何外部服务器发送网络请求或上传页面内容。

Details

  • Version
    0.2.17
  • Updated
    October 19, 2026
  • Size
    53.27KiB
  • Languages
    中文(中国)
  • Developer
    Email
    wyjbou@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes
Google apps