Inspect Element

Inspect element for content, and margin.

什么是Inspect Element?

Inspect Element是由inspect-element开发的Chrome扩展程序,该扩展的主要功能是“Inspect element for content, and margin.”。

扩展截图

screenshot

下载Inspect Element扩展crx文件

下载Inspect Element扩展crx格式的文件,手动将Chrome插件安装到浏览器中,也可以将crx文件分享给朋友,轻松安装Chrome插件。

扩展使用说明

                        Inspect Element which helps frontend engineers to adjust CSS effectively.

Try It Free for 7 Days, Then Enjoy an Annual Subscription for the Cost of a Cup of Coffee.

---

Setup:

1. Install this extension from Chrome WebStore

2. Reload opening page

3. Hold Ctrl-Key and move your mouse to inspect element.

---

Features:

- Different mode to inspect element: by element (Chrome DevTool) or by margin which helps you to adjust CSS more efficient.

- It displays X and Y axis for element, padding, border, and margin.

- It allows you to specify colors for different spaces (element, padding, and others).

---

Changlogs:

- Starting with v2.0.0, we store configurations in storage.local instead of storage.sync to prevent user configurations from being reset to default due to not being logged into the account in other browsers.                    

扩展基本信息

名称 Inspect Element Inspect Element
ID flgcpmeleoikcibkiaiindbcjeldcogp
官方URL https://chromewebstore.google.com/detail/inspect-element/flgcpmeleoikcibkiaiindbcjeldcogp
简介 Inspect element for content, and margin.
文件大小 193 KB
安装次数 24,695
当前版本 2.6.2
更新时间 2024-03-04
上架时间 2020-08-27
评分 2.78/5 共18次评分
开发者 inspect-element
电子邮箱 [email protected]
付费类型 in_app
支持的语言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "version": "2.6.2",
    "name": "Inspect Element",
    "description": "Inspect element for content, and margin.",
    "icons": {
        "16": "images\/icon16.png",
        "32": "images\/icon32.png",
        "48": "images\/icon48.png",
        "128": "images\/icon128.png"
    },
    "content_scripts": [
        {
            "matches": [
                "http:\/\/*\/*",
                "https:\/\/*\/*"
            ],
            "js": [
                "content-script\/index.js"
            ],
            "all_frames": true
        }
    ],
    "permissions": [
        "identity",
        "storage",
        "alarms"
    ],
    "key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAhtqhY02S92nf0b6jXFVfXHP0CqtBC37dZ3F5YZ8iZUTjsUYzs5BKdMOIqyoiTriPLV2EGjc+exsCFBrqEaBAUtioCkZsdZuQo55mytY0YGOow32Lmu\/upRi1yFZFMlc+tNfn7JEjlwM6012h\/dVt2+seZYyE59wYOe2d2QAG3kBYMvf6XrsDkzRIhElz+0Qj1NJYw5Gcr7GG2UqJO8+0b7ZJrPGMGOitsfrvO8gdLWn9S8CvX5F+3TwzZ47QrZQYD1bYGVfrEx6AkIQZqfemrecyM1L4+i9v8G2AdreEvPvPPwW5RDE6BFRQmSI46SCWkvSucPHlavuL3JiQCDOvQQIDAQAB",
    "oauth2": {
        "client_id": "586379723583-m6cnbpaa4lco5dks81771kkth0elgpb7.apps.googleusercontent.com",
        "scopes": [
            "https:\/\/www.googleapis.com\/auth\/userinfo.email"
        ]
    },
    "background": {
        "service_worker": "service-worker.js",
        "type": "module"
    },
    "action": {
        "default_popup": "browser-action\/index.html"
    }
}