ShowWeb - 可视化元素定位器

按住自定义快捷键点击网页元素，查看稳定 CSS、语义和上下文，并复制适合粘贴给 AI 的元素定位卡。

# Chrome Web Store 商店资料（简体中文） ## 原仓库 https://github.com/invokeG/ShowWeb ## 商品详情 - **名称**：ShowWeb - 可视化元素定位器 - **摘要**：按住自定义快捷键点击网页元素，查看稳定 CSS、语义和上下文，并复制适合粘贴给 AI 的元素定位卡。 - **主要语言**：中文（简体） - **建议类别**：开发者工具 ## 详细说明 ShowWeb 是一款面向网页开发、测试和 AI 辅助编程场景的可视化元素定位扩展。按住自定义修饰键并点击网页元素，即可在当前页面查看该元素的稳定 CSS 定位器、语义角色、结构上下文和可见文本。 主要功能： • 可配置快捷键：自由组合 Ctrl、Alt、Shift，默认使用 Alt + Shift • 可视化取样：悬停时高亮目标，点击后打开元素信息面板 • 稳定 CSS 定位：优先使用 ID、测试属性、ARIA、name 和稳定 class • Shadow DOM 支持：为开放式 Shadow DOM 生成清晰的跨根定位链 • AI 元素定位卡：一键复制页面、URL、语义、定位器、上下文、文本和精简 HTML • 隐私保护：不会复制输入框当前填写值，不会把网页内容发送到服务器 使用方法： 1. 点击工具栏中的 ShowWeb 图标，选择检测快捷键。 2. 在网页中按住所选快捷键，移动鼠标高亮目标元素。 3. 点击目标元素查看信息，可复制 AI 定位卡或 CSS。 4. 释放快捷键即可退出检测模式。 ShowWeb 的全部分析都在浏览器本地、由用户主动触发完成。扩展不包含广告、账户系统、分析 SDK 或远程代码，也不会收集、出售或向第三方传输用户数据。 ## 商店链接字段 - **主页 URL**：https://github.com/someone97421/ShowWeb - **支持 URL**：https://github.com/someone97421/ShowWeb/issues - **隐私政策 URL**：https://github.com/someone97421/ShowWeb/blob/main/chrome-store/PRIVACY_POLICY.md > 提交前请先将本目录推送到 GitHub，并在无登录状态下打开以上链接确认可访问。若仓库为私有，请将隐私政策部署到公开 HTTPS 页面后替换 URL。 ## 图片上传顺序 1. `assets/screenshot-01-element-panel.png` — 核心元素定位面板 2. `assets/screenshot-02-live-highlight.png` — 悬停高亮取样 3. `assets/screenshot-03-shortcut-settings.png` — 快捷键设置 4. `assets/screenshot-04-ai-locator-card.png` — AI 元素定位卡 5. `assets/screenshot-05-local-privacy.png` — 本地隐私设计 6. `assets/small-promo-440x280.png` — 小型宣传图 7. `assets/marquee-1400x560.png` — 横幅宣传图（可选但建议上传） 8. `assets/store-icon-128.png` — 商店图标