Visual UI Map

一键标注网页中的可视区域、组件与元素，并快速搜索和定位。

### Description Visual UI Map helps product managers, designers, developers, and QA engineers quickly understand and locate interface elements on any webpage. With one click, the extension creates a visual map of the current page and labels visible regions, components, and individual elements. Instead of describing something as “the button in the middle of the page,” you can identify it by a clear semantic name and obtain useful location information. **Key features:** - Identify page regions, components, and individual elements - View all detected elements at once - Inspect elements by hovering or clicking - Generate readable names from text, ARIA attributes, roles, and page structure - Search for an element by name and jump directly to it - Lock an element to inspect its details - Copy the element name or CSS location information - Pause annotations without closing the extension - Collapse the toolbar while keeping the current status visible - Clear ON/OFF status indicators in the browser toolbar Visual UI Map is useful for UI reviews, design handoffs, product discussions, QA testing, accessibility checks, and frontend development. To get started, open a regular webpage and click the Visual UI Map icon in the browser toolbar. Chrome internal pages and the Chrome Web Store do not allow extensions to inject page content, so the tool cannot run on those protected pages.