浏览器扩展

Snapmark 浏览器扩展是一个强大的工具，允许您直接从任何网站捕获 UI 元素并分析其属性、样式和结构。

安装

从浏览器的扩展商店安装浏览器扩展：

• Chrome: 从 Chrome 网上应用店安装 或参考安装指南
• Firefox: 即将推出
• Safari: 即将推出
• Edge: 通过 Chrome 网上应用店安装

入门指南

1. 激活扩展

安装后，您将在浏览器工具栏中看到 Snapmark 图标。点击它以激活可视选择器模式。

2. 选择元素

激活扩展后：

• 将鼠标悬停在页面上的任何元素上以查看其高亮显示
• 点击元素以捕获其信息
• 使用键盘快捷键进行高级选择模式

3. 分析元素

选择元素后，扩展将显示：

• CSS 属性和计算样式
• HTML 结构和属性
• 可访问性信息
• 性能指标

功能特性

可视元素选择

• 悬停高亮: 移动光标时查看元素高亮显示
• 多元素选择: 选择多个元素进行比较
• 嵌套元素导航: 在父元素和子元素之间导航

元素分析

• CSS 属性: 查看所有应用的样式及其来源
• 盒模型: 可视化边距、内边距、边框和内容
• 可访问性: 检查 ARIA 属性和可访问性合规性
• 性能: 分析元素渲染性能

导出和集成

• 代码生成: 生成 CSS 选择器和 XPath 表达式
• 截图捕获: 对选定元素进行截图
• IDE 集成: 将元素数据直接发送到您的 IDE
• API 集成: 将捕获的数据与 Snapmark API 一起使用

键盘快捷键

设置和配置

通过以下方式访问扩展设置：

1. 右键点击 Snapmark 图标
2. 选择"选项"或"设置"

隐私和安全

Snapmark 浏览器扩展：

• 仅在主动使用时处理数据
• 不收集个人信息
• 在您的浏览器中本地运行
• 尊重网站隐私政策

故障排除

常见问题

扩展在某些网站上不工作

• 某些网站可能阻止扩展功能
• 尝试刷新页面并重新激活
• 检查网站是否有内容安全策略限制

元素未正确高亮显示

• 确保扩展有权限访问该网站
• 尝试暂时禁用可能干扰的其他扩展
• 检查浏览器控制台是否有错误消息

性能问题

• 关闭不必要的浏览器标签页
• 暂时禁用其他扩展
• 清除浏览器缓存和 cookie

需要帮助？

如果您在使用浏览器扩展时遇到问题：

• 访问我们的社区论坛
• 通过扩展设置联系支持