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 |
| 官方URL | 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"
]
} | |
