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
Eメール	[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": [ "" ], "css": [ "style\/index.css" ] } ], "background": { "service_worker": "js\/background.js" }, "action": { "default_popup": "popup\/index.html", "default_icon": { "48": "images\/icon48.png" } }, "options_ui": { "page": "option\/index.html", "open_in_tab": true }, "permissions": [ "scripting", "activeTab", "storage", "tabs" ] }