ما هو Inspect؟

Inspect هو إضافة Chrome تم تطويرها بواسطة peppertom، والميزة الرئيسية لها هي "Inspect elements with css variables".

لقطات شاشة التمديد

تحميل ملف CRX للإضافة Inspect

قم بتنزيل ملفات الامتداد Inspect بتنسيق crx ، وقم بتثبيت الامتدادات يدويًا في متصفح Chrome ، أو شارك ملفات crx مع الأصدقاء لتثبيت الامتدادات بسهولة.

تعليمات استخدام التمديد

Inspect extension for getting potencial css variables and easily copy them to clipboard. 🎨🧐🔎

This extension mimics and enhances the built-in devtools inspector by adding the explored css variables to the inspector box too. It allowes developers to easily extract any css variables used for styling the inspected element.

How to use it?

1. Activate the extension by clicking on it.

2. Inspect the document as if you were inspecting it with devtools' inspector.

3. Toggle 'inspect mode' and 'paused' mode by pressing 'alt + s' on your keyboard. ⌨️

4 . Copy the desired property's value by clicking on it 🖱️.

5. Remove inspector extension by clicking on it if you are done.

معلومات أساسية عن التمديد

الاسم	Inspect
ID	mfgcajjmbmalmniplbocamfkppkcnhdh
عنوان URL الرسمي	https://chromewebstore.google.com/detail/inspect/mfgcajjmbmalmniplbocamfkppkcnhdh
الوصف	Inspect elements with css variables
حجم الملف	14.77 KB
عدد التثبيتات	52
النسخة الحالية	1.0
آخر تحديث	2022-03-02
تاريخ النشر	2022-03-01
المطور	peppertom
البريد الإلكتروني	[email protected]
نوع الدفع	free
اللغات المدعومة	en-US
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Inspect", "description": "Inspect elements with css variables", "version": "1.0", "manifest_version": 3, "background": { "service_worker": "background.js" }, "permissions": [ "activeTab", "scripting" ], "host_permissions": [ "http:\/\/\/", "https:\/\/\/", "file:\/\/\/\/" ], "web_accessible_resources": [ { "resources": [ "inspect\/" ], "matches": [ ":\/\/\/" ] } ], "action": { "default_title": "Click to activate", "default_icon": { "16": "\/images\/inspect-icon-16.png", "24": "\/images\/inspect-icon-24.png", "32": "\/images\/inspect-icon-32.png", "48": "\/images\/inspect-icon-48.png", "96": "\/images\/inspect-icon-96.png", "128": "\/images\/inspect-icon-128.png" } }, "icons": { "16": "\/images\/inspect-icon-16.png", "24": "\/images\/inspect-icon-24.png", "32": "\/images\/inspect-icon-32.png", "48": "\/images\/inspect-icon-48.png", "96": "\/images\/inspect-icon-96.png", "128": "\/images\/inspect-icon-128.png" } }