Item logo image for Pixel Inspector

Pixel Inspector

5.0(

2 ratings

)
ExtensionTools293 users
Item media 2 (screenshot) for Pixel Inspector
Item media 1 (screenshot) for Pixel Inspector
Item media 2 (screenshot) for Pixel Inspector
Item media 1 (screenshot) for Pixel Inspector
Item media 1 (screenshot) for Pixel Inspector
Item media 2 (screenshot) for Pixel Inspector

Overview

UI走查辅助工具

这是一款帮助开发或设计人员检查页面元素的工具，包括测量元素距离及展示元素部分样式信息。 This is a tool designed to assist developers or designers in inspecting page elements, including measuring distances between elements and displaying partial style information of the elements. >>>> 主要功能<<<< ✅ 查看信息： 即查看模式，点击插件图标，开启插件后，将鼠标悬浮在元素上，可显示部分样式信息。 ✅ 元素测距： 即测距模式，先选中一个目标元素，将鼠标移动到其他元素，可显示两元素之间的距离尺寸。 元素选择方式：1、鼠标点击选择：点击元素选中，再次点击可取消；2、按键选择：鼠标移动到元素上，按一次Alt（Option）可选中元素，连按两次可取消。按ESC键也可取消元素选择，退出测距模式。 >>>> 快捷键<<<< ✅元素选择模式切换 Alt (Option) + Shift + A ✅复制css样式代码 Ctrl (cmd) + C ✅样式信息完整显示 E ✅只显示水平或竖直方向距离 X（Y） ✅取消选择元素 ESC

5 out of 52 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Details

  • Version
    1.0.5
  • Updated
    May 23, 2024
  • Offered by
    lichengtao9508
  • Size
    29.45KiB
  • Languages
    中文 (简体)
  • Developer
    Email
    lichengtao9508@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

PixOK, A CSS design tool for FE developers

5.0(1)

Visual design comparison / Front-end development assistant / Color picker / Reference line / UI design aid / CSS

Console Importer

4.6(20)

Import JavaScript and CSS resources from console, with one command

Better Ruler

4.8(53)

一款网页测量工具，支持吸附测量。为前端开发和ui设计提供便利。

稀土掘金

3.5(353)

为程序员、设计师、产品经理每日发现优质内容。

Pixel measurement

4.5(50)

Pixel measurement: An online ruler for measuring pixels on screen

Visual Inspector(前端重构+视觉走查辅助工具)

4.3(10)

前端重构和视觉走查的辅助工具。

LittleBee

0.0(0)

埋点查看、埋点验收、埋点对比、埋点上传、埋点导出、埋点测试

check-ui

5.0(1)

UI走查还原工具，用于辅助前端和UI进行设计稿的比对和开发，拥有图片比对、标尺、吸色等实用功能。

FigmaEX

4.8(5)

FigmaEX 增强你的 Figma

花瓣采集插件

2.4(67)

这个扩展程序可以让你方便地从任意网站上采集喜欢的图片、视频或者网页截图到花瓣网(huaban.com)上。这是花瓣网官方(huaban.com)提供的扩展。

Ajax Modifier

4.8(48)

To modify ajax responses on any page

草料二维码-快速生码和解码工具

3.7(73)

草料二维码官方开发的免费工具插件，提供简单、专业、快捷的二维码生成和解码功能。

PixOK, A CSS design tool for FE developers

5.0(1)

Visual design comparison / Front-end development assistant / Color picker / Reference line / UI design aid / CSS

Console Importer

4.6(20)

Import JavaScript and CSS resources from console, with one command

Better Ruler

4.8(53)

一款网页测量工具，支持吸附测量。为前端开发和ui设计提供便利。

稀土掘金

3.5(353)

为程序员、设计师、产品经理每日发现优质内容。

Pixel measurement

4.5(50)

Pixel measurement: An online ruler for measuring pixels on screen

Visual Inspector(前端重构+视觉走查辅助工具)

4.3(10)

前端重构和视觉走查的辅助工具。

LittleBee

0.0(0)

埋点查看、埋点验收、埋点对比、埋点上传、埋点导出、埋点测试

check-ui

5.0(1)

UI走查还原工具，用于辅助前端和UI进行设计稿的比对和开发，拥有图片比对、标尺、吸色等实用功能。

Google apps