CSS TRIMMER

Creates a single line Style tag from Chrome's dev tools Styles menu

什麼是CSS TRIMMER?

CSS TRIMMER是由Alon Adler開發的Chrome擴展程式,該擴展的主要功能是“Creates a single line Style tag from Chrome's dev tools Styles menu”。

擴展截圖

screenshot

下載CSS TRIMMER擴展crx文件

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

擴展使用說明

                        Quickly turns Dev Tools CSS Styles code to an inline style tag.

For example, turn:

display: block;
height: 14em;
resize: vertical;

To:

style='display: block; height: 14em; resize: vertical;'

In a single click.

How to use:
1- Copy any CSS code block from Chrome's Dev Tools Styles menu to the clipboard (CTRL+C).
2- Press the CSS icon in the extensions menu.
3- That's it, you're done, the inline style tag is auto copied to your clipboard (and also visible in the popup page).

4- You can modify the CSS code and press the 'ReTrim' button to create the style tag again, with your changes.                    

擴展基本資訊

名稱 CSS TRIMMER CSS TRIMMER
ID hdhbfineemcdppmmlahpohaiinapaejc
官方網址 https://chromewebstore.google.com/detail/css-trimmer/hdhbfineemcdppmmlahpohaiinapaejc
簡介 Creates a single line Style tag from Chrome's dev tools Styles menu
檔案大小 18 KB
安裝次數 54
目前版本 1.0
更新時間 2017-04-20
上架時間 2017-04-20
評分 5.00/5 共 6 次評分
開發者 Alon Adler
電子郵箱 [email protected]
付費類型 free
支援的語言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "CSS TRIMMER",
    "short_name": "CSS TRIMMER",
    "author": "Alon Adler",
    "description": "Creates a single line Style tag from Chrome's dev tools Styles menu",
    "version": "1.0",
    "icons": {
        "16": "icon16.png",
        "48": "icon48.png",
        "128": "icon128.png"
    },
    "browser_action": {
        "default_icon": "icon48.png",
        "default_popup": "popup.html"
    },
    "permissions": [
        "clipboardRead",
        "clipboardWrite"
    ]
}