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
公式URL 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"
    }
}