Inspect Element
Inspect element for content, and margin.
什麼是Inspect Element？
Inspect Element是由inspect-element開發的Chrome擴展程式，該擴展的主要功能是“Inspect element for content, and margin.”。
擴展截圖
下載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 |
| ID | flgcpmeleoikcibkiaiindbcjeldcogp |
| 官方網址 | 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"
}
} | |
