Hover inspector like in Zeplin , Figma

Hover inspector like in Zeplin , Figma插件简介

Hover inspector like in Zeplin , Figma插件描述

Extension behavi closed like in Zeplin, Figma.
New update(v1.1.0) contain highline padding(green col)  margin(ange col).

***
If you decide install this extension, could you left a comment. It would be very useful f me, because I want to improve this small application  fix what really imptant f you. Thanks :)
***   

Planed functionality  wk
 fix bugs
 [maybe] add possibility change padding  margin in topbar

version 1.1.0
 add highline padding  margin
 fix bugs

version 1.0.5.1
 minify file f me faster loading

version 1.0.5
 add top bar with styles(padding, margin, fontsize, height, width) f hover  selected element 
 fixed  bugs (when user scroll label  lines position not display crectly)
 add change style f label which display height  width hovered element
 change active  regular icon:
 add 2 hotkeys:
 comm + enter / ctrl + enter  f hide/show topbar
 esc f close extension

version 1.0.4 
 add functionality when start scroll
 change col of labels
 add dimension calculating when selected located in hovered element

version 1.0.3
 add dimension calculating when hovered located outside selected element
                                

Hover inspector like in Zeplin , Figma插件离线安装方法

1.首先用户点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入：chrome://extensions/

3.找到自己已经下载好的Chrome离线安装文件xxx.crx，然后将其从资源管理器中拖动到Chrome的扩展管理界面中，这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。

4.下载 Hover inspector like in Zeplin , FigmaChrome插件v3.0.2版本到本地。

5.勾选开发者模式，点击加载已解压的扩展程序，将文件夹选择即可安装插件。

注意：最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息，参照这篇文章即可解决