CSS Deconstructed
This extension breaks down then reapplies the CSS (one rule at at time) for a specific element
什麼是CSS Deconstructed？
CSS Deconstructed是由kabbnigam開發的Chrome擴展程式，該擴展的主要功能是“This extension breaks down then reapplies the CSS (one rule at at time) for a specific element”。
擴展截圖
下載CSS Deconstructed擴展crx文件
下載CSS Deconstructed擴展crx格式的文件，手動將Chrome擴充功能安裝到瀏覽器中，也可以將crx文件分享給朋友，輕鬆安裝Chrome擴充功能。
擴展使用說明
CSS Deconstructed is a tool for web developers to study the CSS of any given website. It allows users to remove all the styling for a specific element on a website and then re-apply the CSS rules one at a time at a speed of their preference. This tool provides valuable insight as to how different websites are constructed by visually building the site from scratch, right in front of your eyes.
How To Use:
- Inspect the HTML of a website you are interested in deconstructing.
- Choose the outer most selector that encompasses the part of the page you are interested in studying (**NOTE: If inspecting the whole page or a complex element, do note that it may take a while to rebuild.)
- Click the CSS Deconstructed Icon and enter in the selector, class, and/or ID.
- Choose how quickly you want each rule to be applied (often good to start with 10 ms)
- Click "Deconstruct!" to remove all CSS styling.
- Click "Build!" to re-apply each CSS rule.
- Watch your favorite site be rebuilt! 擴展基本資訊
| 名稱 |  CSS Deconstructed |
| ID | inhlobcefhlmdljoeigpbpdehlpciohh |
| 官方網址 | https://chrome.google.com/webstore/detail/css-deconstructed/inhlobcefhlmdljoeigpbpdehlpciohh |
| 簡介 | This extension breaks down then reapplies the CSS (one rule at at time) for a specific element |
| 檔案大小 | 39.98 KB |
| 安裝次數 | 434 |
| 目前版本 | 0.0.0.3 |
| 更新時間 | 2016-07-23 |
| 上架時間 | 2016-07-23 |
| 評分 | 5.00/5 共 2 次評分 |
| 開發者 | kabbnigam |
| 付費類型 | free |
| 支援的語言 | en |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"manifest_version": 2,
"name": "CSS Deconstructed",
"description": "This extension breaks down then reapplies the CSS (one rule at at time) for a specific element",
"version": "0.0.0.3",
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html"
},
"background": {
"scripts": [
"jquery.min.js"
],
"persistent": false
},
"content_scripts": [
{
"js": [
"jquery.min.js",
"content_script.js"
],
"matches": [
"http:\/\/*\/*",
"https:\/\/*\/*"
]
}
],
"permissions": [
"activeTab",
"storage"
]
} | |
