CSS Dig
Collect and analyze CSS.
什麼是CSS Dig?
CSS Dig是由https://cssdig.com開發的Chrome擴展程式,該擴展的主要功能是“Collect and analyze CSS.”。
擴展截圖
下載CSS Dig擴展crx文件
下載CSS Dig擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。
擴展使用說明
CSS Dig finds and groups stylesheets and style blocks on most websites, providing an easy way to analyze the code and plan refactors. Properties: Take a look at all your CSS properties, their frequency and variations. Have too many shades of blue? Inconsistencies often means confusion for your developers and irregularities for your end users. Selectors & Specificity: Are your selectors long? Using lots of IDs? Specificity wars are frustrating and piling on new CSS will only make the situation worse. Find potential problem areas and make a plan to fix.
擴展基本資訊
名稱 | CSS Dig |
ID | lpnhmlhomomelfkcjnkcacofhmggjmco |
官方網址 | https://chromewebstore.google.com/detail/css-dig/lpnhmlhomomelfkcjnkcacofhmggjmco |
簡介 | Collect and analyze CSS. |
檔案大小 | 175 KB |
安裝次數 | 12,631 |
目前版本 | 1.2.7 |
更新時間 | 2019-05-08 |
上架時間 | 2019-05-07 |
評分 | 2.86/5 共 51 次評分 |
開發者 | https://cssdig.com |
付費類型 | free |
擴展官網 | http://cssdig.com |
支援的語言 | en |
manifest.json | |
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 2, "name": "CSS Dig", "description": "Collect and analyze CSS.", "version": "1.2.7", "permissions": [ "activeTab" ], "background": { "scripts": [ "js\/background.js" ], "persistent": false }, "icons": { "16": "i\/icon16.png", "48": "i\/icon48.png", "128": "i\/icon128.png" }, "browser_action": { "default_icon": { "19": "i\/icon19.png", "38": "i\/icon38.png" }, "default_title": "CSS Dig" }, "content_scripts": [ { "matches": [ "*:\/\/*\/*" ], "js": [ "js\/jquery.min.js" ] } ], "web_accessible_resources": [ "html\/dig.html", "i\/icon48.png", "css\/cssdig.css", "js\/cssdig.js" ] } |