Ho

Hoverify 是一款专为 Web 开发者与设计师打造的 Chrome 浏览器扩展，致力于提升前端开发效率与调试体验。只需将鼠标悬停在网页任意元素上，即可即时查看其对应的 CSS 与 HTML 代码，无需手动打开开发者工具。更支持对代码进行实时编辑，并立即预览修改效果，让网页调试变得前所未有的高效与直观。

软件教程

安装说明

1、打开谷歌浏览器的扩展管理页面

点击浏览器左上角的三个点，在弹出菜单中依次选择【更多工具】——【扩展程序】

或者直接在地址栏输入 chrome://extensions/ 并回车进入

2、在扩展程序页面右上角开启“开发者模式”

3、将下载并解压后的 .crx 文件直接拖拽到浏览器扩展页面中完成安装

4、若提示无法添加至个人目录，可尝试右键点击 .crx 文件，选择【管理员取得所有权】后再重新拖入安装

5、安装完成后即可立即使用 Hoverify 的各项功能

常见问题

注意事项

更新时间：2024/12/13

兼容性：请确保您的 Chrome 浏览器版本与插件兼容，避免因版本不匹配导致功能异常或无法运行。

安全性：务必从可信渠道下载插件文件，防止引入恶意程序或潜在安全风险。

更新与维护：插件会持续优化并推出新功能，建议用户定期检查更新，及时升级至最新版本以获得最佳体验。

软件功能

鼠标悬停即可快速查看任意网页元素的 CSS 与 HTML 代码。

支持对 CSS 和 HTML 进行实时编辑，并即时预览修改结果。

一键将当前代码导出至 Codepen，方便进一步测试或分享。

轻松检查媒体查询规则与 CSS 动画细节。

直接编辑页面中任何 HTML 元素的文本内容。

使用方向键在 DOM 树中快速切换和遍历相邻元素。

自动识别并显示页面中每个标签所使用的字体信息。

智能提取整个页面使用的所有颜色值，便于设计参考。

可临时隐藏或彻底移除指定元素，并保留更改状态。

通过关键词快速搜索元素的标签名、class 或 id。

借助“响应性”功能（BETA 版）便捷测试网站在不同设备下的显示效果。

从页面任意位置（包括图片和 iframe 内容）精准拾取颜色。

快速提取页面中的图片、脚本、样式表等静态资源。

自动分析并展示当前网站所采用的技术栈与框架。

一键截取整页截图，或分别截取各个标签页的独立画面。

更新日志

更新时间：2024/12/13

v4.1.0

- 修复了一些已知问题