检查器是模仿选定元素和悬停元素之间显示维度的工具。这对设计师来说是有好处的,QA
版本3.1.1
- 修复错误,
- 修复ESC键按行为
- 修复编队CSS规则
- 修复弹出显示位置
- 添加盘旋元素
版本3.1.0
- 更新UI
- 添加新功能
- 准备新功能项目
版本3.0.2
- 修复错误:防止单击(感谢Marcelo Alejandro)
- 添加保存设置的背景规则权限
版本3.0.1
- 修复错误:扩展名删除(谢谢 @Invision7)
版本3.0.0
- 重构核心(准备新功能)
- 添加侧边栏(设置,更多元素的详细信息)
- 单击2点后添加冻结选定的元素
- 按下“空间”,以获取选定的元素
- 将链接添加到Discord
- 添加卸载表格
- 修复了弹出式弹出的计算位置
版本2.0.0
- 已使用的ReactJ(预期简化维护和支持)
- 添加数据:填充,边距,字体,颜色,背景,线路高,类,ID
- 修复了弹出式弹出的计算位置
版本1.1.0
- 添加高线填充(绿色)和边距(橙色)。
- 修复错误
版本1.0.5.1
- 缩小文件以更快地加载
1.0.5版
- 为悬停和选定的元素添加带有样式(填充,边距,字体大小,高度,宽度)的顶部栏
- 修复了错误(当用户滚动标签和行位置无法正确显示时)
- 添加标签的更改样式,这些标签显示高度和宽度悬停的元素
- 更改主动和常规图标:
- 添加2个热键:
- 命令 + enter / ctrl + enter- hide / show topbar
- ESC进行关闭扩展
版本1.0.4
- 启动滚动时添加功能
- 更改标签的颜色
- 选择位于悬停元素中的尺寸计算
1.0.3版
- 添加尺寸计算时,悬停在选定元素之外
Hover inspector like in Zeplin , Figma插件谷歌浏览器安装教程
第一步:下载Hover inspector like in Zeplin , Figma安装扩展
第二步:下载下来的扩展解压到你想放的文件夹里
比如我解压到extend文件夹
打开Chrome的扩展页面(chrome:// extensions /或按Chrome菜单图标>更多工具>扩展程序),右上角开发者模式,点击开启,蓝色为开启,灰色为关闭;
再次将crx文件拖放到扩展程序,页面左下角提示:“扩展功能、应用和主题背景可能会损害您的计算机。您确定要继续吗?”
点击“继续”依然显示“无法从该网站添加应用、扩展程序和用户脚本”。尝试另一种办法方法。
第三步:把crx后缀改为zip,再进行解压
如果有些windows电脑系统查看不到文件扩展名,则可以通过以下设置:
找到文件夹顶部,点击查看
点击查看,找到隐藏已知文件扩展名,去掉前面的勾即可
这样你就能看到解压好的扩展名:.crx
解压的扩展名为.crx
把.crx改为:zip
然后再用解压工具再解压一遍,即可得到扩展的全部文件
然后再谷歌浏览器插件页面选择:加载已解压的扩展程序
这样就安装成功了
友情提醒:
其他浏览器,包括qq浏览器,360浏览器,edge浏览器,猎豹浏览器,搜狗浏览器安装插件的方法都是类似的,以上内容大部分通用!






