“ShowWeb - 可视化元素定位器”的产品徽标图片

ShowWeb - 可视化元素定位器

ShowWeb - 可视化元素定位器的项目媒体 1(屏幕截图)

概述

按住自定义快捷键点击网页元素,查看稳定 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` — 商店图标

0 星(5 星制)无评分

详细了解结果和评价。

详情

  • 版本
    0.2.1
  • 上次更新日期
    2026年8月4日
  • 提供方
    CK1257758828
  • 大小
    31.31KiB
  • 语言
    中文(中国)
  • 开发者
    邮箱
    ck1257758828@gmail.com
  • 非交易者
    该开发者尚未将自己标识为交易者。欧盟地区消费者须知:消费者权利可能不适用于您与该开发者达成的合约。

隐私权

管理扩展程序并了解它们在组织中的使用情况

“ShowWeb - 可视化元素定位器”已就收集和使用用户数据披露了以下信息。 如需了解详情,请查看开发者的privacy policy

ShowWeb - 可视化元素定位器会处理以下数据:

网络记录
网站内容

该开发者已声明,您的数据:

  • 不会因未获批准的用途出售给第三方
  • 不会为实现与产品核心功能无关的目的而使用或转移
  • 不会为确定信用度或放贷目的而使用或转移

支持

若有任何疑问、建议或问题,请访问开发者的支持网站

相关

Stylus

4.5

Stylus 用户样式管理器,自定义网页样式,重塑你的网页。Stylus 可轻松为众多热门网站安装主题和皮肤,并自由编写和修改更多样式。

Clear Cache

4.5

Powerful, user-friendly browser data management, right from your toolbar.

SEO META in 1 CLICK

4.9

Displays all meta data and main SEO information for the best SEO

ColorPick Eyedropper

4.2

A zoomed eyedropper & color chooser tool that allows you to select color values from webpages and more.

ColorZilla

4.6

高级吸管、拾色器、渐变生成器和其他与颜色相关的实用工具

Tag Assistant

3.9

The Tag Assistant extension works with Tag Assistant to help troubleshoot installation of gtag.js and Google Tag Manager.

User-Agent Switcher for Chrome

3.9

Spoofs & Mimics User-Agent strings.

Lighthouse

4.4

Lighthouse is an open-source, automated tool for improving the performance, quality, and correctness of your web apps.

Similarweb - Website Traffic, AI Traffic & SEO Checker

4.6

Instant website analysis, AI traffic insights, and SEO metrics at your fingertips.

Web Developer

4.5

Adds a toolbar button with various web developer tools.

Eye Dropper

4.3

Pick colors from any website.

SEOquake

4.5

SEOquake is a free plugin that provides you with key SEO metrics, along with other useful tools such as SEO Audit and many others

Stylus

4.5

Stylus 用户样式管理器,自定义网页样式,重塑你的网页。Stylus 可轻松为众多热门网站安装主题和皮肤,并自由编写和修改更多样式。

Clear Cache

4.5

Powerful, user-friendly browser data management, right from your toolbar.

SEO META in 1 CLICK

4.9

Displays all meta data and main SEO information for the best SEO

ColorPick Eyedropper

4.2

A zoomed eyedropper & color chooser tool that allows you to select color values from webpages and more.

ColorZilla

4.6

高级吸管、拾色器、渐变生成器和其他与颜色相关的实用工具

Tag Assistant

3.9

The Tag Assistant extension works with Tag Assistant to help troubleshoot installation of gtag.js and Google Tag Manager.

User-Agent Switcher for Chrome

3.9

Spoofs & Mimics User-Agent strings.

Lighthouse

4.4

Lighthouse is an open-source, automated tool for improving the performance, quality, and correctness of your web apps.

Google 应用