Inspect Element
Inspect element for content, and margin.
What is Inspect Element?
Inspect Element is a Chrome extension developed by inspect-element, and its main feature is "Inspect element for content, and margin.".
Extension Screenshots
Download Inspect Element Extension CRX File
Download Inspect Element extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
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. Extension Basic Information
| Name |  Inspect Element |
| ID | flgcpmeleoikcibkiaiindbcjeldcogp |
| Official URL | https://chromewebstore.google.com/detail/inspect-element/flgcpmeleoikcibkiaiindbcjeldcogp |
| Description | Inspect element for content, and margin. |
| File Size | 193 KB |
| Installation Count | 24,695 |
| Current Version | 2.6.2 |
| Last Updated | 2024-03-04 |
| Publish Date | 2020-08-27 |
| Rating | 2.78/5 Total 18 Ratings |
| Developer | inspect-element |
| [email protected] | |
| Payment Type | in_app |
| Supported Languages | 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"
}
} | |
