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"
]
} | |
