Pixel Inspector
UI走查辅助工具
什么是Pixel Inspector?
Pixel Inspector是由lichengtao9508开发的Chrome扩展程序,该扩展的主要功能是“UI走查辅助工具”。
扩展截图
下载Pixel Inspector扩展crx文件
下载Pixel Inspector扩展crx格式的文件,手动将Chrome插件安装到浏览器中,也可以将crx文件分享给朋友,轻松安装Chrome插件。
扩展使用说明
这是一款帮助开发或设计人员检查页面元素的工具,包括测量元素距离及展示元素部分样式信息。 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
扩展基本信息
名称 | Pixel Inspector |
ID | kmnknmgkjkgdedjnihlddfmpkjndokke |
官方URL | https://chromewebstore.google.com/detail/pixel-inspector/kmnknmgkjkgdedjnihlddfmpkjndokke |
简介 | UI走查辅助工具 |
文件大小 | 27.79 KB |
安装次数 | 45 |
当前版本 | 1.0.3 |
更新时间 | 2023-12-28 |
上架时间 | 2023-09-08 |
评分 | 5.00/5 共2次评分 |
开发者 | lichengtao9508 |
电子邮箱 | [email protected] |
付费类型 | free |
支持的语言 | zh-CN |
manifest.json | |
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 3, "name": "Pixel Inspector", "version": "1.0.3", "description": "UI\u8d70\u67e5\u8f85\u52a9\u5de5\u5177", "icons": { "16": "images\/icon16.png", "48": "images\/icon48.png", "128": "images\/icon128.png" }, "content_scripts": [ { "matches": [ " |