Style Adjusterคืออะไร?

Style Adjuster เป็นส่วนขยายของ Chrome ที่พัฒนาโดย https://thinkinghard.com และคุณลักษณะหลักของมันคือ "Adjust your CSS styles, without taking your eyes off the result."

ภาพหน้าจอของส่วนขยาย

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย Style Adjuster

ดาวน์โหลดไฟล์ส่วนขยาย 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" ] }