ما هو Carbon Devtools؟

Carbon Devtools هو إضافة Chrome تم تطويرها بواسطة Carbon، والميزة الرئيسية لها هي "A basic set of tools for teams building live Carbon pages.".

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

تحميل ملف CRX للإضافة Carbon Devtools

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

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

Carbon Devtools provides designers, developers, and QA teams collaborating to build Carbon pages with a simple toolset. The tool helps visualize Carbon's 2x grid over any live page, and provides basic insights into the usage of components and patterns on a given page to help users understand how the Carbon Design System is being used.

Align to grid
Use the grid overlay to lay the 2x and mini unit grids on top of your live page to quickly check its alignment and layout.

Identify tokens
Switch between a number of options like color, spacing, and typography to quickly identify Carbon’s usage.

Component list
Quickly get an inventory of all the Carbon components being used within a live page.

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

الاسم	Carbon Devtools
ID	oejjaglcafcolafkjecfkoojgnpfpgca
عنوان URL الرسمي	https://chromewebstore.google.com/detail/carbon-devtools/oejjaglcafcolafkjecfkoojgnpfpgca
الوصف	A basic set of tools for teams building live Carbon pages.
حجم الملف	303 KB
عدد التثبيتات	1,026
النسخة الحالية	2.7.7
آخر تحديث	2022-01-20
تاريخ النشر	2020-07-22
تقييم	5.00/5 مجموع تقييمات 1
المطور	Carbon
البريد الإلكتروني	[email protected]
نوع الدفع	free
موقع الإضافة	https://github.com/carbon-design-system/devtools
عنوان صفحة المساعدة	https://github.com/carbon-design-system/devtools
اللغات المدعومة	en-US
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Carbon Devtools", "version": "2.7.7", "manifest_version": 2, "description": "A basic set of tools for teams building live Carbon pages.", "author": "James Dow", "permissions": [ "activeTab", "storage", "https:\/\/.mybluemix.net\/", "https:\/\/.carbondesignsystem.com\/" ], "background": { "scripts": [ "\/background\/index.js" ], "persistent": false }, "web_accessible_resources": [ "\/inject\/index.css" ], "icons": { "16": "\/media\/16x16-mid.png", "32": "\/media\/32x32-mid.png", "48": "\/media\/48x48-mid.png", "64": "\/media\/64x64-mid.png", "128": "\/media\/128x128-mid.png" }, "browser_action": { "default_popup": "\/popup\/index.html" }, "options_ui": { "page": "\/options\/index.html", "open_in_tab": false } }