Live CSS Editor

Live Write CSS onto any page

什麼是Live CSS Editor?

Live CSS Editor是由https://www.livecsseditor.com開發的Chrome擴展程式,該擴展的主要功能是“Live Write CSS onto any page”。

擴展截圖

screenshot
screenshot

下載Live CSS Editor擴展crx文件

下載Live CSS Editor擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。

擴展使用說明

                        This extension provides a text box on any HTML page so that you can write CSS freely and immediately see the results. I use it every day for quick edits, product demos and other testing out new ideas.

The extension options allow you to set a default key command to open and close the editor; turn off the warning that is shown when you close the editor; and enable or disable the automatic saving of your changes when you close the editor.

Version 1.8.0 includes the following changes:
 - The ability to set a default editor size
 - Warnings and error messages when trying to use the editor in places that it won't work
 - Improved the CSS to make sure it isn't impacted by other page CSS
 - Use the Chrome Keyboard Shortcuts instead of a custom shortcut (BREAKING CHANGE)
 - Code cleanup

Version 1.7.3 is mostly a version bump for manifest 2 support. It just brings it up to support the latest versions of Chrome.

Version 1.7 includes:
 - Ability to move the window left / right as well as top / bottom.
 - Support for RTL pages (forces LTR on the editor)
 - Support for tab spacing in the editor
 - other minor bug fixes

Version 1.6 includes the following:
 - You can now save styles that you create for the pages you visit. When you come back to the page, the new styles will be applied instantly.
 - The editor remembers the size of the editing box on a per url basis. If you've resized it, it will be the same size the next time you open it on that url.
 - Customizations are now saved per URL instead of per domain

Version 1.5 includes the following updates:

 - Support for tabs in the text area
 - Support for https URLs
 - You can disable the warning message
 - It can remember your CSS changes, even after a refresh of the page
 - A keyboard command (ctrl+shift+E) can open and close the editor
 - You can configure the keyboard command in the options
 - The chrome icon is colorized instead of black
 - Faster, smoother operation and cleaner code
 - International Language Support

Please update and try it out. You can follow @livecsseditor on twitter for updates and feedback. Thanks :)

Jeremy Hubert

http://twitter.com/livecsseditor
http://twitter.com/jhubert                    

擴展基本資訊

名稱 Live CSS Editor Live CSS Editor
ID oelggcmknbjmhkpgjfhakedcfnkgbdpg
官方網址 https://chromewebstore.google.com/detail/live-css-editor/oelggcmknbjmhkpgjfhakedcfnkgbdpg
簡介 Live Write CSS onto any page
檔案大小 24.38 KB
安裝次數 34,130
目前版本 1.8.0
更新時間 2014-12-03
上架時間 2014-12-02
評分 3.81/5 共 183 次評分
開發者 https://www.livecsseditor.com
付費類型 free
擴展官網 http://www.livecsseditor.com
說明頁面URL http://www.livecsseditor.com
支援的語言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "__MSG_extName__",
    "manifest_version": 2,
    "version": "1.8.0",
    "background": {
        "page": "bg.html"
    },
    "options_page": "options.html",
    "description": "__MSG_extDescription__",
    "default_locale": "en",
    "permissions": [
        "tabs",
        ""
    ],
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "inject.js"
            ]
        }
    ],
    "browser_action": {
        "default_icon": "icon-color.png",
        "default_text": "none",
        "name": "__MSG_extBrowserActionName__"
    },
    "commands": {
        "_execute_browser_action": {
            "suggested_key": {
                "default": "Ctrl+Shift+E"
            }
        }
    },
    "icons": {
        "16": "icon16.png",
        "48": "icon48.png",
        "128": "icon128.png"
    }
}