CSS Spy
Showing CSS attribute on element hover
什麼是CSS Spy？
CSS Spy是由SoftwareSeni開發的Chrome擴展程式，該擴展的主要功能是“Showing CSS attribute on element hover”。
擴展截圖
下載CSS Spy擴展crx文件
下載CSS Spy擴展crx格式的文件，手動將Chrome擴充功能安裝到瀏覽器中，也可以將crx文件分享給朋友，輕鬆安裝Chrome擴充功能。
擴展使用說明
Inspect computed styles of any single element just on the fly. When the extension is active, hovering element will shows the width, height and selector name of the element. Clicking on the element will bring popup which show the common computed styles of the element, so you could just copy it right away. Comparing CSS properties of 2 elements will also never been this easier with this extension.
Features:
1. Showing width and height when hovering on an element
2. Showing computed style when clicking on an element
3. Comparing CSS properties of 2 element (even work with elements from different page/URL)
4. Clean design (yeah, that's exactly what we need)
Change log:
v.1.0:
Fixing minor bugs
v1.1:
Change RGB to hex
v1.2:
Add ability to reset storage when new window created
v1.3:
- Add feature to compare 2 different CSS
- Add settings to choose properties to show
v1.4:
- Add CSS Reset for the popup
v1.5:
- Relocated files and folder
- Add exception for storage limit 擴展基本資訊
| 名稱 |  CSS Spy |
| ID | plbeolffejbcpmndnfknfkcaofdmdeln |
| 官方網址 | https://chrome.google.com/webstore/detail/css-spy/plbeolffejbcpmndnfknfkcaofdmdeln |
| 簡介 | Showing CSS attribute on element hover |
| 檔案大小 | 62.48 KB |
| 安裝次數 | 3,000 |
| 目前版本 | 1.5 |
| 更新時間 | 2016-05-06 |
| 上架時間 | 2016-05-06 |
| 評分 | 3.94/5 共 17 次評分 |
| 開發者 | SoftwareSeni |
| 付費類型 | free |
| 支援的語言 | en |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"manifest_version": 2,
"name": "CSS Spy",
"short_name": "css-spy",
"description": "Showing CSS attribute on element hover",
"version": "1.5",
"author": "Rudi Wahyudi",
"icons": {
"16": "images\/icon16.png",
"48": "images\/icon48.png",
"128": "images\/icon128.png"
},
"offline_enabled": false,
"browser_action": {
"default_icon": "images\/icon48.png"
},
"background": {
"scripts": [
"js\/background.js"
]
},
"content_scripts": [
{
"matches": [
" | |
