Supertweakとは何ですか？

Supertweakはhttps://supertweak.devによって開発されたChromeの拡張機能で、その主な機能は「Visual editor for Tailwind CSS」です。

拡張機能のスクリーンショット

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
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
Eメール	[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" } }