User CSS

A quick and easy way to add custom CSS to the current web site.

User CSSคืออะไร?

User CSS เป็นส่วนขยายของ Chrome ที่พัฒนาโดย https://dimox.name และคุณลักษณะหลักของมันคือ "A quick and easy way to add custom CSS to the current web site."

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

screenshot

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

ดาวน์โหลดไฟล์ส่วนขยาย User CSS ในรูปแบบ crx และติดตั้งส่วนขยาย Chrome ด้วยตนเองในเบราว์เซอร์หรือแชร์ไฟล์ crx กับเพื่อนๆ เพื่อติดตั้งส่วนขยาย Chrome อย่างง่ายดาย

คำแนะนำในการใช้ส่วนขยาย

                        Insert your custom CSS code to the current web site and you will see the changes immediately.

How to use:

1. Press the extension button to display the CSS editor.
2. Write your custom CSS.
3. Enjoy the result.
4. Press the extension button to hide the CSS editor.

Button shows a green indicator, when current web site has custom CSS.

The extension uses CodeMirror to highlight code and supports the Emmet toolkit.                    

ข้อมูลพื้นฐานของส่วนขยาย

ชื่อ User CSS User CSS
ID okpjlejfhacmgjkmknjhadmkdbcldfcb
URL อย่างเป็นทางการ https://chromewebstore.google.com/detail/user-css/okpjlejfhacmgjkmknjhadmkdbcldfcb
คำอธิบาย A quick and easy way to add custom CSS to the current web site.
ขนาดไฟล์ 298 KB
จำนวนการติดตั้ง 61,801
เวอร์ชันปัจจุบัน 2.2
อัปเดตครั้งล่าสุด 2017-10-24
วันที่เผยแพร่ 2017-10-22
คะแนน 3.60/5 รวมทั้งหมด 248 คะแนน
ผู้พัฒนา https://dimox.name
ประเภทการชำระเงิน free
ภาษาที่รองรับ en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "User CSS",
    "description": "A quick and easy way to add custom CSS to the current web site.",
    "version": "2.2",
    "browser_action": {
        "default_icon": "icon-19.png"
    },
    "permissions": [
        "tabs",
        "http:\/\/*\/*",
        "https:\/\/*\/*"
    ],
    "background": {
        "persistent": false,
        "scripts": [
            "js\/background.js",
            "js\/hot-reload.js"
        ]
    },
    "options_page": "options.html",
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "js\/jquery.min.js",
                "js\/codemirror\/codemirror.min.js",
                "js\/codemirror\/mode\/css.js",
                "js\/codemirror\/addon\/active-line.js",
                "js\/codemirror\/addon\/closebrackets.js",
                "js\/codemirror\/addon\/matchbrackets.js",
                "js\/codemirror\/emmet.min.js",
                "js\/style.js"
            ],
            "css": [
                "css\/style.css"
            ],
            "document_idle": "document_start"
        }
    ],
    "web_accessible_resources": [
        "options.html",
        "css\/themes\/3024-day.css",
        "css\/themes\/3024-night.css",
        "css\/themes\/abcdef.css",
        "css\/themes\/ambiance.css",
        "css\/themes\/base16-dark.css",
        "css\/themes\/base16-light.css",
        "css\/themes\/bespin.css",
        "css\/themes\/blackboard.css",
        "css\/themes\/cobalt.css",
        "css\/themes\/colorforth.css",
        "css\/themes\/dracula.css",
        "css\/themes\/eclipse.css",
        "css\/themes\/elegant.css",
        "css\/themes\/erlang-dark.css",
        "css\/themes\/hopscotch.css",
        "css\/themes\/icecoder.css",
        "css\/themes\/isotope.css",
        "css\/themes\/lesser-dark.css",
        "css\/themes\/liquibyte.css",
        "css\/themes\/material.css",
        "css\/themes\/mbo.css",
        "css\/themes\/mdn-like.css",
        "css\/themes\/midnight.css",
        "css\/themes\/monokai.css",
        "css\/themes\/neat.css",
        "css\/themes\/neo.css",
        "css\/themes\/night.css",
        "css\/themes\/paraiso-dark.css",
        "css\/themes\/paraiso-light.css",
        "css\/themes\/pastel-on-dark.css",
        "css\/themes\/railscasts.css",
        "css\/themes\/rubyblue.css",
        "css\/themes\/seti.css",
        "css\/themes\/solarized.css",
        "css\/themes\/the-matrix.css",
        "css\/themes\/tomorrow-night-bright.css",
        "css\/themes\/tomorrow-night-eighties.css",
        "css\/themes\/ttcn.css",
        "css\/themes\/twilight.css",
        "css\/themes\/vibrant-ink.css",
        "css\/themes\/xq-dark.css",
        "css\/themes\/xq-light.css",
        "css\/themes\/yeti.css",
        "css\/themes\/zenburn.css"
    ],
    "icons": {
        "16": "icon-16.png",
        "19": "icon-19.png",
        "48": "icon-48.png",
        "64": "icon-64.png",
        "128": "icon-128.png"
    },
    "manifest_version": 2
}