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 กับเพื่อนๆ เพื่อติดตั้งส่วนขยาย Chrome อย่างง่ายดาย

คำแนะนำในการใช้ส่วนขยาย

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
URL หน้าช่วยเหลือ	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 } }