Inspect Elementคืออะไร?

Inspect Element เป็นส่วนขยายของ Chrome ที่พัฒนาโดย inspect-element และคุณลักษณะหลักของมันคือ "Inspect element for content, and margin."

ภาพหน้าจอของส่วนขยาย

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย Inspect Element

ดาวน์โหลดไฟล์ส่วนขยาย 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
อีเมล	[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" } }