SnapCss

SnapCss - Realtime editing style in a snap!

什麼是SnapCss?

SnapCss是由Trần Quang Hiệp開發的Chrome擴展程式,該擴展的主要功能是“SnapCss - Realtime editing style in a snap!”。

擴展截圖

screenshot
screenshot

下載SnapCss擴展crx文件

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

擴展使用說明

                        Realtime editing style in a snap!
Imagine no more file saving or page reloading just to see how single update affects web page, realtime update style in browser immediately, as you type... How many time you can save? how fast we can build our application?
No need to waiting for JS framework build time to see your new style apply. Just type your new style and see the magic happen. 
Base on this idea [Livestyle](http://livestyle.io/). I'm writing an extension for VS code and Chrome that can help Frontend Developer can style faster. It call *SnapCss* that can updates in realtime CSS from VSCode to browser immediately, as you type. No more file saving or page reloading just to see how single update affects web page.

Homepage: https://github.com/xanhtool/SnapCss
------------------------------------------------------------------------------------------

contact me on email: [email protected]
my facebook: https://www.facebook.com/hiepsieuviet
skype: live:hiepxanh                    

擴展基本資訊

名稱 SnapCss SnapCss
ID fdehldbleadjkgomndkhnciddeiohjmf
官方網址 https://chromewebstore.google.com/detail/snapcss/fdehldbleadjkgomndkhnciddeiohjmf
簡介 SnapCss - Realtime editing style in a snap!
檔案大小 185 KB
安裝次數 30
目前版本 0.0.5
更新時間 2020-02-20
上架時間 2020-02-20
開發者 Trần Quang Hiệp
電子郵箱 [email protected]
付費類型 free
擴展官網 https://youtu.be/W-hWhR5GX_c
說明頁面URL https://youtu.be/W-hWhR5GX_c
支援的語言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "SnapCss",
    "short_name": "SnapCss",
    "version": "0.0.5",
    "description": "SnapCss - Realtime editing style in a snap!",
    "permissions": [
        "activeTab",
        "declarativeContent",
        "storage"
    ],
    "background": {
        "scripts": [
            "background-scripts\/background.js"
        ],
        "persistent": false
    },
    "options_page": "page-action-scripts\/options.html",
    "page_action": {
        "default_popup": "page-action-scripts\/popup.html",
        "default_icon": {
            "16": "logo-only\/[email protected]",
            "32": "logo-only\/[email protected]",
            "48": "logo-only\/[email protected]",
            "128": "logo-only\/[email protected]"
        }
    },
    "content_scripts": [
        {
            "run_at": "document_idle",
            "matches": [
                "http:\/\/*.localhost\/*"
            ],
            "css": [
                "myStyles.css"
            ],
            "js": [
                "content-scripts\/libs\/socket.io.js",
                "content-scripts\/socket-controller\/socket-controller.js",
                "content-scripts\/file-modifer\/file-modifer.js",
                "content-scripts\/content-messenger\/content-messenger.js"
            ]
        }
    ],
    "icons": {
        "16": "logo-only\/[email protected]",
        "32": "logo-only\/[email protected]",
        "48": "logo-only\/[email protected]",
        "128": "logo-only\/[email protected]"
    },
    "manifest_version": 2,
    "content_security_policy": "script-src 'self' https:\/\/ssl.google-analytics.com; object-src 'self'"
}