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
官方URL 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"
    }
}