Hover inspector like in Zeplin , Figma

Hover inspector like in Zeplin , Figma插件简介

Extension behavior closed like in Zeplin, Figma.
New update(v2.0.0) new data of hovered element

***
If you decide install this extension, could you left a comment. It would be very useful for me, because I want to improve this small application and fix what really important for you. Thanks 🙂
***

Planed functionality and work
– key navigation?

version 2.0.0
– used ReactJS (expected simplifying of maintain and support)
– add data: padding, margin, font, color, background, line-height, class, id
– fixed calculation position of popup

version 1.1.0
– add highline padding(green color) and margin(orange color).
– fix bugs

version 1.0.5.1
– minify file for more faster loading

version 1.0.5
– add top bar with styles(padding, margin, font-size, height, width) for hover and selected element
– fixed bugs (when user scroll label and lines position not display correctly)
– add change style for label which display height and width hovered element
– change active and regular icon:
– add 2 hotkeys:
— command + enter / ctrl + enter – for hide/show topbar
— esc for close extension

version 1.0.4
– add functionality when start scroll
– change color 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插件

Visual Inspector

Collaboration tool for website feedb..

Collaboration tool for website feedback and fixing design bugs. Say hello to Visual InspectorDelightful Chrome extension for designers to inspect / edit live web pages without codi..

| 开发工具

Sell The Trend

Import products & fulfill orders..

Import products & fulfill orders from AliExpress. Want to Simplify Your Entire Dropshipping business? Well this APP is for you! Real Winning Products, Innovative Product Import..

| 购物

Responsive Viewer

Show multiple screens once, Responsive design tester

Show multiple screens once, Responsive design tester A Chrome extension to show multiple screens in one view. the extension will help front-end developers to test multiple screens ..

| 开发工具

DP Analizar – Shopify Product Revealer

DP AnalizarShopify产品推销者 快速，容易找到的方便工具 * 如果商店是否为shopify * 查找使用的是什么主题 * 寻找最畅销的产品 * 查找新产品 * ..

DP AnalizarShopify产品推销者 快速，容易找到的方便工具 * 如果商店是否为shopify * 查找使用的是什么主题 * 寻找最畅销的产品 * 查找新产品 * 查找最新产品 用户政策请检查我们的用户隐私政策。 此更新 “0.7” 中的新内容: Bugs Fix's

| 生产工具

Designer Tools

Measure and align elements within Ch..

Measure and align elements within Chrome Chrome plugin which adds rulers and guidelines to Google Chrome. You can align elements perfectly, measure the space between them, and spot..

| 开发工具

AnyLink

AnyLink lets you emulate your networ..

AnyLink lets you emulate your network experience through a set of different profiles. AnyLink is a cloud-based emulation service. You can emulate web browsing in various conditions..

| 扩展

Contao Tools

Helpful tools and links for the Cont..

Helpful tools and links for the Contao Open Source CMS The extension adds a 12 column grid overlay for the responsive Contao 3 CSS framework. The overlay can be used for standard 9..

| 扩展

Snapchat for PC

Snapchat is an app that keeps you in..

Snapchat is an app that keeps you in touch with friends and family thanks to its interactive, multimedia messaging system. Share your favorite events live or record them as video m..

| 扩展

Octo-Free

Thanks to Buu Nguyen and his team fo..

Thanks to Buu Nguyen and his team for the Code tree for GitHub https://github.com/ovity/octotree/graphs/contributors Octotree extension was released and serve well many years to al..

| 扩展

台湾高铁抢票插件

Auther: WANG Runxin, Support Website: Fudan.university 自動填充購票信息，幫助您買到早鳥票

Auther: WANG Runxin, Support Website: Fudan.university 自動填充購票信息，幫助您買到早鳥票

| 扩展