Hoverify插件是一款专为Web开发人员和设计师设计的谷歌浏览器扩展,在提升网页前端开发体验和工作效率。只需将鼠标悬停在网页元素上,即可快速检查其CSS和HTML代码,无需打开开发者工具。支持实时编辑CSS和HTML代码,并即时查看修改效果,大大提升了调试和开发的效率。
安装说明
1、在打开的谷歌浏览器的扩展管理器
就是点击最左侧的三个点,在弹出的菜单中选择【更多工具】——【扩展程序】
或者你可以在地址栏中直接输入chrome://extensions/
2、进入扩展程序页面后将开发者模式打勾
3、最后将解压出来的crx文件拖入到浏览器中即可安装添加
4、如果出现无法添加到个人目录中的情况,可以将crx文件右键,然后选择【管理员取得所有权】,再尝试重新安装
5、安装好后即可使用
只要将鼠标悬停在元素上,就可以检查CSS和HTML。
实时编辑CSS和HTML。
将代码导出到Codepen。
检查媒体查询和动画。
编辑任何html元素的内容。
使用方向键遍历DOM元素。
了解页面上每个标签使用的字体。
提取页面中使用的所有颜色。
切换任何元素的可见性,或从页面中删除元素并保持更改。
轻松搜索元素的标签,类或id。
通过“响应性”功能(BETA版)检查站点的响应性。
从屏幕上的任何元素中选择颜色,甚至是图像和IFRAMES。
快速从页面获取资产。
了解特定站点所使用的技术。
截取当前页面的截图或截取每个标签的截图,只需点击一次。
v4.1.0
- 修复了一些已知问题
/MB
/MB
/55.48MB
/29.61MB
/37.72MB
/30.23MB