Style Adjuster
Adjust your CSS styles, without taking your eyes off the result.
什麼是Style Adjuster？
Style Adjuster是由https://thinkinghard.com開發的Chrome擴展程式，該擴展的主要功能是“Adjust your CSS styles, without taking your eyes off the result.”。
擴展截圖
下載Style Adjuster擴展crx文件
下載Style Adjuster擴展crx格式的文件，手動將Chrome擴充功能安裝到瀏覽器中，也可以將crx文件分享給朋友，輕鬆安裝Chrome擴充功能。
擴展使用說明
What makes Style Adjuster great is that you can adjust numerical CSS property values using a slider, without having to take your eyes off the changes happening in the target page. This reduces cognitive load, and lets you concentrate on the aesthetics of the changed values, which is what matters.
Click the extension icon to bring up the Style Adjuster dialog. The dialog shows you all CSS styles in the current (target) tab. Choose which CSS properties you wish to "adjust". In the "Edit" tab, select the property to edit. Edit the property. Text-editing is always available, but other editor UI is available for common property types, such as dimensions, positions and colors. See your changes made in the target page. Go to the "Changes" tab to see any changes you have made in CSS format. Select and copy the changes and paste them back into your source code.
Rinse and repeat. 擴展基本資訊
| 名稱 |  Style Adjuster |
| ID | bmnmiidhocohelghddfcfbhojknfclba |
| 官方網址 | https://chromewebstore.google.com/detail/style-adjuster/bmnmiidhocohelghddfcfbhojknfclba |
| 簡介 | Adjust your CSS styles, without taking your eyes off the result. |
| 檔案大小 | 265 KB |
| 安裝次數 | 200 |
| 目前版本 | 1.0.5 |
| 更新時間 | 2013-08-22 |
| 上架時間 | 2013-08-22 |
| 評分 | 1.00/5 共 1 次評分 |
| 開發者 | https://thinkinghard.com |
| 付費類型 | free |
| 擴展官網 | http://pdorrell.github.io/style-adjuster/ |
| 支援的語言 | en |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"name": "Style Adjuster",
"version": "1.0.5",
"manifest_version": 2,
"description": "Adjust your CSS styles, without taking your eyes off the result.",
"homepage_url": "https:\/\/github.com\/pdorrell\/style-adjuster",
"permissions": [
"activeTab"
],
"icons": {
"48": "icons\/icon48.png",
"128": "icons\/icon128.png"
},
"background": {
"scripts": [
"background.js"
],
"persistent": false
},
"browser_action": {
"default_title": "StyleAdjuster",
"default_icon": {
"19": "icons\/icon19.png",
"38": "icons\/icon38.png"
}
},
"web_accessible_resources": [
"icons\/tab-icon.png",
"style-adjuster-common.js",
"style-adjuster.js",
"initialise-popup.js",
"help.html",
"style-adjuster-extension-popup.html",
"rule-prechecker.css",
"style-adjuster.css",
"libs\/jquery-ui-1.10.3\/themes\/base\/jquery-ui.extension.css",
"libs\/jquery-ui-1.10.3\/themes\/base\/images\/animated-overlay.gif",
"libs\/jquery-ui-1.10.3\/themes\/base\/images\/ui-bg_glass_75_dadada_1x400.png",
"libs\/jquery-ui-1.10.3\/themes\/base\/images\/ui-icons_2e83ff_256x240.png",
"libs\/jquery-ui-1.10.3\/themes\/base\/images\/ui-bg_flat_0_aaaaaa_40x100.png",
"libs\/jquery-ui-1.10.3\/themes\/base\/images\/ui-bg_glass_75_e6e6e6_1x400.png",
"libs\/jquery-ui-1.10.3\/themes\/base\/images\/ui-icons_454545_256x240.png",
"libs\/jquery-ui-1.10.3\/themes\/base\/images\/ui-bg_flat_75_ffffff_40x100.png",
"libs\/jquery-ui-1.10.3\/themes\/base\/images\/ui-bg_glass_95_fef1ec_1x400.png",
"libs\/jquery-ui-1.10.3\/themes\/base\/images\/ui-icons_888888_256x240.png",
"libs\/jquery-ui-1.10.3\/themes\/base\/images\/ui-bg_glass_55_fbf9ee_1x400.png",
"libs\/jquery-ui-1.10.3\/themes\/base\/images\/ui-bg_highlight-soft_75_cccccc_1x100.png",
"libs\/jquery-ui-1.10.3\/themes\/base\/images\/ui-icons_cd0a0a_256x240.png",
"libs\/jquery-ui-1.10.3\/themes\/base\/images\/ui-bg_glass_65_ffffff_1x400.png",
"libs\/jquery-ui-1.10.3\/themes\/base\/images\/ui-icons_222222_256x240.png"
]
} | |
