Supertweak

Visual editor for Tailwind CSS

什麼是Supertweak?

Supertweak是由https://supertweak.dev開發的Chrome擴展程式,該擴展的主要功能是“Visual editor for Tailwind CSS”。

擴展截圖

screenshot

下載Supertweak擴展crx文件

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

擴展使用說明

                        Supertweak is visual editor for Tailwind CSS to quickly tweak your website live, preview instantly and copy classes or html to use in your project.

You can try it free for 7 days. Continued use requires activation key. You can purchase your copy of the extension at https://supertweak.dev

🎨 Tailwind editor
Quickly modify property values for Tailwind classes, add or edit variants, manually add, edit or remove classes etc. right inside your browser. You can then copy the classes or html code from the elements with one click.
Supports adding arbitrary values and variants and custom Tailwind config as well.

📱 Responsive Switcher
You can quickly resize the window to responsive device widths. Since this resizes window, you will be able to use the editor in small screen widths too unlike the Devtools responsive mode.

📷 Quick Capture
Supertweak lets you quickly take screenshot of visible screen or a selected area, which you can later download or copy to clipboard. This makes it easier to share the changes you made with your team and get feedback.

🪟 Children Editor
You can easily re-arrange, remove or duplicate elements. Adding elements and text nodes are also supported.

⌨️ Edit Mode
In Edit mode, you can edit the text in the page quickly without other distractions.                    

擴展基本資訊

名稱 Supertweak Supertweak
ID ngpohagmellcpabooffmhlieiemlaibg
官方網址 https://chromewebstore.google.com/detail/supertweak/ngpohagmellcpabooffmhlieiemlaibg
簡介 Visual editor for Tailwind CSS
檔案大小 75.3 KB
安裝次數 390
目前版本 1.1.3
更新時間 2023-01-31
上架時間 2023-01-27
評分 5.00/5 共 4 次評分
開發者 https://supertweak.dev
電子郵箱 [email protected]
付費類型 in_app
擴展官網 https://supertweak.dev
說明頁面URL https://supertweak.dev/support
支援的語言 en-US
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Supertweak",
    "version": "1.1.3",
    "description": "Visual editor for Tailwind CSS",
    "icons": {
        "48": "assets\/icon.png"
    },
    "manifest_version": 3,
    "permissions": [
        "storage",
        "scripting",
        "activeTab"
    ],
    "host_permissions": [
        "https:\/\/cdn.tailwindcss.com\/"
    ],
    "action": {
        "default_title": "Edit with Supertweak"
    },
    "sandbox": {
        "pages": [
            "src\/command.html"
        ]
    },
    "content_security_policy": {
        "sandbox": "sandbox allow-scripts; script-src 'self' 'unsafe-eval' 'unsafe-inline'; object-src 'self'; script-src-elem * 'self' 'unsafe-inline' 'unsafe-eval' https:\/\/cdn.tailwindcss.com"
    },
    "web_accessible_resources": [
        {
            "resources": [
                "\/assets\/*",
                "\/src\/*"
            ],
            "matches": [
                ""
            ]
        }
    ],
    "background": {
        "service_worker": "background.js"
    }
}