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