DivMagic - Copy Style from any websiteとは何ですか？

DivMagic - Copy Style from any websiteはhttps://divmagic.comによって開発されたChromeの拡張機能で、その主な機能は「Copy elements from any webpage as reusable web components. Get HTML, CSS, React, JSX or Tailwind CSS code.」です。

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

DivMagic - Copy Style from any website拡張機能のCRXファイルをダウンロード

DivMagic - Copy Style from any website拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

Copy design from any website

Transform elements from any webpage into reusable web components

Unleash the power of effortless web element conversion with DivMagic.

With just a click, you can capture any element from any website, seamlessly transforming it into clean, reusable CSS or Tailwind CSS code. Beyond that, DivMagic empowers you to convert elements into React/JSX components, and effortlessly switch between HTML and React/JSX.

Experience the convenience of:

- One-click design, style, and element copy and conversion
- Ability to copy style as CSS or Tailwind CSS (including colors)
- Conversion of any element from HTML to React/JSX and vice versa
- Generation of minimalistic, reusable output
- Seamless copying of styles, even through iframes

Save time, streamline your workflow, and unlock your creative potential with DivMagic.

Try DivMagic now and revolutionize your web development workflow!

https://divmagic.com

(Note: DivMagic is a paid subscription-based product, but you can try it for free.)

拡張機能の基本情報

名前	DivMagic - Copy Style from any website
ID	okpadhgilncoodafepkdmlneojcehclf
公式URL	https://chromewebstore.google.com/detail/divmagic-copy-style-from/okpadhgilncoodafepkdmlneojcehclf
説明	Copy elements from any webpage as reusable web components. Get HTML, CSS, React, JSX or Tailwind CSS code.
ファイルサイズ	1.24 MB
インストール数	4,165
現在のバージョン	2.1.10
最終更新日	2024-03-03
公開日	2023-05-09
評価	3.93/5 合計 30 レビュー
開発者	https://divmagic.com
Eメール	[email protected]
支払い方法	in_app
拡張機能のウェブサイト	https://divmagic.com
ヘルプページのURL	https://divmagic.com
プライバシーポリシーページのURL	https://divmagic.com/privacy
対応言語	id,ms,de,en,en-GB,en-US,fil,fr,sw,nl,no,vi,tr,ca,da,et,es,es-419,hr,it,lv,lt,hu,pl,pt-BR,pt-PT,ro,sk,sl,fi,sv,cs,el,sr,bg,ru,uk,iw,fa,mr,hi,bn,gu,ta,te,kn-IN,ml,th,am-ET,ar,zh-CN,zh-TW,ja,ko
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 3, "name": "__MSG_extName__", "description": "__MSG_extDescription__", "author": "DivMagic", "homepage_url": "https:\/\/DivMagic.com", "short_name": "DivMagic", "version": "2.1.10", "action": { "default_popup": "popup.html", "default_icon": "icon-48.png", "default_title": "DivMagic" }, "background": { "service_worker": "background.bundle.js" }, "devtools_page": "devtools.html", "options_page": "options.html", "incognito": "split", "icons": { "16": "icon-16.png", "32": "icon-32.png", "48": "icon-48.png", "128": "icon-128.png" }, "commands": { "_execute_action": { "suggested_key": { "default": "Ctrl+Shift+X", "mac": "Command+Shift+X" } } }, "permissions": [ "scripting", "activeTab", "storage", "contextMenus" ], "optional_host_permissions": [ "https:\/\/\/", "http:\/\/\/" ], "default_locale": "en" }