Carbon Devtools
A basic set of tools for teams building live Carbon pages.
什麼是Carbon Devtools？
Carbon Devtools是由Carbon開發的Chrome擴展程式，該擴展的主要功能是“A basic set of tools for teams building live Carbon pages.”。
擴展截圖
下載Carbon Devtools擴展crx文件
下載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 |
| 官方網址 | 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
}
} | |
