多合一浏览器扩展程序可帮助您更快地检查、编辑、测试、调试、捕获和优化网站。
请注意：这是一个付费扩展，您可以从 https://tryhoverify.com 购买
⭐ 检查器：悬停检查，单击编辑
• 通过将鼠标悬停在元素上来检查任何站点。
• 不要错过任何款式。检查伪元素和类。
• 实时检查和编辑所有屏幕尺寸和动画的样式。
• 使用我们强大的可视化编辑器实时对元素进行可视化设计。
• 移动、缩放和旋转元素，调整弹性和网格布局，并从可视化编辑器构建渐变背景。
• 实时编辑HTML、样式、媒体查询和动画。
• 在代码选项卡中查看来自不同选择器的源CSS。
• 代码经过语法突出显示，以便更好地阅读和编辑。
• 将整个组件及其子组件复制或导出到CodePen，或将其另存为HTML 文件。
• 复制完整的CSS，或仅复制您所做的更改。
• 随时将您的编辑重置回原始样式。
• 编辑副本- 通过实时编辑元素内容来检查不同副本在页面上的外观。
• 直接从您正在检查的元素下载图像和视频，并显示文件大小和尺寸。
• 隐藏或删除元素- 通过隐藏或删除元素来调试页面结构。
• 可访问性- 在鼠标悬停时检查任何元素的角色、可访问名称、对比度、状态和 ARIA 属性。查看该元素的辅助功能问题并获取建议的对比度修复。
• 调色板- 获取页面中的每种颜色。
• 字体查看器- 了解每个标签使用的字体以及它们从何处加载。
• 搜索- 通过标签名称、id 或类查找元素。即使使用 CSS 选择器！
• CSS 框- 目视检查元素的内边距、边距、边框和大小。
• 网格- 概述页面上的每个元素以了解其构建方式。
• 指南- 与您正在查看的元素对齐的标尺指南。
• 键盘快捷键- 完全可自定义的快捷键，让您无需将手从键盘上移开即可工作。
⭐ 颜色滴管：专色、点色和选择颜色
• 从页面上的任何位置选择颜色，甚至可以从图像和 iframe 中选择颜色。
• 获取RGB、OKLCH、CMYK、HSL 和十六进制值。
• 使用放大镜放大，以便您选择所需的精确像素。
• 从您选择的任何颜色（从 50 一直到 950）生成 Tailwind 风格的全色调范围。
• 保留您最近选择的颜色的历史记录。
• 将任何颜色保存到您的库中。
⭐ 响应式查看器：在多个设备上预览
• 在多种条件下在多个设备上并行测试您的网站。
• 在一台设备上单击、键入或滚动，其他设备将会跟随。
• 使用框架、框架样式和操作系统模拟现代设备。包括 iPhone 16、iPhone 15、Nothing Phone、Pixel 7 Pro 等。
• 在设备框架样式和颜色之间切换以匹配实际硬件。
• 适用于任何站点 - 可以直接注入页面以实现完全兼容性。
• 添加新的自定义设备配置文件以满足您的需求。
• 在比显示器大的视口上测试站点。
• 切换每个设备的水平和垂直滚动条。
• 更改用户代理。
• 一次对一台设备或每台设备进行屏幕截图，无论是可见视口还是整个页面。
• 将照片保存为PNG、JPEG 或WebP，复制到剪贴板，或将它们全部下载为zip 文件。
• 在内置编辑器中打开任何设备屏幕截图。
• 使用单视口模式并拖动边缘以将大小调整为任意宽度和高度。
• 放大和缩小整个面板，并使用后退、前进、刷新或键入的 URL 进行导航。
⭐ 资产：将所有资产提取到一处
• 从页面中提取图像、视频、SVG、PDF、Lottie 动画和网站图标。
• 从iframe 和隐藏元素中提取资源。任何有价值的内容都不会被忽视。
• 直接在图像选项卡中预览视频缩略图。
• 在保存之前直接在面板中播放视频和 Lottie 动画。
• 按类型、大小和格式对资产进行过滤和排序。快速找到您需要的东西。
• 包含或跳过srcset 图像变体。
• 一键复制资产的URL 或文件名。
• 下载单个资产，或选择所有资产并选择单个资产，然后一键压缩并保存。
⭐ Library：将资源直接保存到云端
• 连接Google Drive 并保存任何提取的资源，无需离开浏览器。
• 将保存的资源组织到可以重命名或删除的项目中。
• 还保存吸管中的颜色，而不仅仅是资源。
• 随时从您的库访问您保存的资源。
⭐ 站点堆栈：发现任何网站背后的技术堆栈
• 发现是什么为任何站点提供支持，从框架和托管到DNS 和SSL，全部集中在一处。
• 技术- 通过置信度评分和版本检测来检测框架、库、CMS 平台、分析工具和插件。
• 托管- 确定托管提供商、服务器IP、ASN、IP 范围和ISP，以及具体城市、地区和当地时间的位置。
• DNS - 查看DNS 记录、名称服务器和域注册商信息，以及每条记录的可读TTL。
• SSL - 验证SSL 证书、颁发机构、有效期、TLS 版本和密钥详细信息。
• WordPress - 自动检测WordPress 站点并显示活动主题及其作者、版本和预览，以及已安装的带有图标、评级和高级徽章的插件。
• 导出- 将完整的技术堆栈下载为JSON 文件或生成专业设计的PDF 报告。准确选择要包含的部分，非常适合客户交接和现场审核。
⭐ SEO：针对搜索引擎优化您的网站
• 直接从浏览器在任何页面上运行完整的SEO 审核。
• 见解- 通过Chrome UX 报告中的真实用户数据和Google PageSpeed API 中的实验室分数获取核心网络生命力。查看性能、可访问性、最佳实践和 SEO 分数，以及单独的移动和桌面结果。
• 元标签- 通过字符数验证和社交预览检查来审核您的标题、描述、Open Graph 和 Twitter 卡标签。还检查字符集、规范、机器人、视口和语言。
• 标题- 可视化您的H1 到H6 层次结构。发现重复的标题、缺失的 H1 以及损害可读性和排名的结构问题。
• 语义元素- 检查页面是否使用标题、导航、主要、文章、部分和其他HTML5 标志。
• 图像 - 查找超大图像，比较原始尺寸与渲染尺寸，标记装饰图像，并捕获会损害可访问性和搜索引擎优化的缺失替代文本。
• 链接- 扫描页面上的所有内部和外部链接。按类型过滤（包括不关注）、通过一键状态检查检测损坏的 URL，以及审核锚文本。
• 模式- 通过验证检测现有结构化数据（JSON-LD、微数据、RDFa），或从 27 个即用模板生成新标记。
• 导出- 生成专业设计的PDF 或HTML 报告，并将元标记、标题或架构复制到剪贴板。
⭐ GEO：让您的网站为 AI 搜索做好准备
• 评估任何页面对于人工智能搜索引擎、助手和代理的准备程度。
• 获得 0-100 分的字母等级分数，该等级由 16 个加权检查类别组成。
• 技术检查涵盖结构化数据、语义HTML、元标记和可发现性、机器可读性、可引用性和答案就绪性、内部链接、实体和权威信号、性能和代理交互性。
• 还检查新兴的人工智能标准，例如llms.txt 和人工智能爬虫的机器人规则。
• 内容检查评论定位、信息密度、新鲜度、事实可验证性、全面性和多模式内容。
• AI 分析 - 可以选择让 AI 使用您自己的 API 密钥和您选择的任何模型来判断您的内容质量。
• 自动检测页面类型，以便检查是否与页面想要的类型相匹配。
• 失败的检查会直接链接到修复它们的Hoverify 工具。
• 历史记录- 每次扫描都会按URL 保存，因此您可以跟踪分数随时间的变化情况。
• 比较- 在后台扫描竞争对手的URL，并将分数并排排列。
• 批量- 一次性审核最多10 个URL，或一次扫描每个打开的选项卡。
• 导出- 将审核保存为PDF、JSON、Markdown、CSV 或纯文本。选择完整报告或仅建议。
⭐ 捕获：拍摄任何网站的精美屏幕截图
• 使用我们的屏幕截图工具展示完整网页或其中的任何部分。将屏幕截图保存为 JPEG、PNG、WEBP 或 PDF 格式。
• 可见部分- 以高分辨率捕获页面视口的可见部分。
• 整页- 捕获整页并在一张图像中展示整个页面。
• 选择区域- 单击并拖动以选择要捕获的页面的任何区域。
• 选择元素- 通过单击捕获页面上的任何组件。
• 屏幕截图编辑器- 完整的屏幕截图编辑套件。添加渐变背景、注释、品牌（您的徽标和文本）并精确裁剪。缩放、平移、粘贴剪贴板中的图像、将注释固定到位以及以任何格式导出。将原始屏幕截图转换为精美的视觉效果，可用于作品集、文档或社交媒体。
• 画布预设大小适合各种社交媒体网站。
• 将背景设置为纯色、渐变色或您自己的图像。
• 应用模糊、缩放和噪点等效果，以及屏幕截图的边框和阴影控制。
• 使用矩形、圆形、箭头、带标签的箭头、文本和图像进行注释。
• 模糊工具可在共享之前隐藏敏感信息。
• 以1x、2x 或3x 导出，或直接复制到剪贴板。
• 使用键盘快捷键重新排序、复制和微移注释。
⭐ 调试：轻松优化和调试您的网站
• 清除浏览数据- 选择从最后一小时到所有时间的时间范围，清除一个站点或每个站点，并准确选择要删除的内容：缓存、cookie、本地存储、历史记录和下载。如果需要，请稍后刷新页面。
• 自定义代码- 注入HTML、CSS 和JavaScript 以实时定制网站并使更改持久。使用通配符定位特定站点，每个脚本运行多个站点，打开和关闭脚本，并在语法突出显示的编辑器中编辑时实时预览更改。
• 优化图像- 通过优化目标网页上的图像来缩短加载时间。转换为带有 JPEG 后备的 WebP，显示每个图像前后保存的量，并将所有内容下载为 zip 格式。
• 可访问性检查- 在行业标准 ax 引擎的支持下，在任何页面上运行完整的可访问性审核。根据 WCAG 2.0 A 或 AA、WCAG 2.1 AA、WCAG 2.2 AA 或所有规则进行测试，并可选择最佳实践检查。
• 按严重程度浏览违规行为并直接跳转到页面上受影响的元素。
• 查找未达到对比度要求的文本，并获取建议的替换颜色，该颜色可以通过但仍接近原始颜色。
• 检查标题层次结构、地标、焦点顺序、表单、链接和替代文本问题。在页面上叠加编号徽章，以准确查看键盘用户如何在页面中移动。
• 模拟色盲（红色盲、绿色盲、蓝色盲、全色盲）和低视力，以像访问者一样体验页面。
• 将审核导出为专业设计的PDF 报告或JSON 文件。
💡错误报告和建议
要报告错误或功能请求，您可以发送电子邮件至 hello@tryhoverify.com。