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
公式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
Eメール	[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" } }