DivMagic EN

BL · Firefox

Copy elements from any webpage as reusable web components Copy design from any website Transform elements from any webpage into reusable web component, in CSS or Tailwind CSS. Unleash the power of effortless element conversion with DivMagic

4.1/5 7 人评分 359用户 v2.2.0当前版本

前往 Firefox 商店

权限提示 该扩展申请访问所有网站（<all_urls>），意味着它可以读取你在任意站点的页面内容，包括已登录的页面。这是许多扩展正常工作的必要条件，但也值得你确认来源可信。

截图

简介

Copy elements from any webpage as reusable web components

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.)

Privacy Policy

Summary of the Data Collection

DivMagic does not collect any data about you. All code generation is done on your device and nothing is sent to any server.

DivMagic does not collect any Personal Data.

DivMagic does not collect any Technical Data.

DivMagic does not collect any User Interaction Data.

DivMagic does not see tab urls. DivMagic does not collect tab urls.

The only interaction between the server is done when you login to verify your subscription.

DivMagic does not receive any type of data from you.

DivMagic 是做什么的

DivMagic 是一款面向 Firefox 的开发者工具类扩展，主要用来调试页面、查看样式与请求、测试接口、辅助前端开发。官方对它的介绍是：Copy elements from any webpage as reusable web components Copy design from any website Transform elements from any webpage into reusable web component, in CSS or Tailwind CSS. Unleash the power of effortless element conversion with DivMagic在Firefox 附加组件商店（AMO）上，它当前版本 2.2.0，评分 4.14（7 人评价），约 359 名用户。

适合什么人用

从功能定位看，DivMagic 更适合前端工程师、测试与需要经常查看页面结构的用户。如果你平时只是偶尔遇到相关需求，用浏览器自带功能也能凑合；但如果这件事每天都发生，装一个专门处理它的扩展通常比手动操作省事得多。需要注意的是它作用于所有网站，装上后建议先观察一两天，确认不影响常用站点的正常使用。

怎么安装 DivMagic

打开Firefox 附加组件商店（AMO）上的官方页面；
点「添加到浏览器」并确认权限提示；
装好后在扩展列表里固定图标，方便随时开关。

本站只做索引与介绍，安装包来自官方商店。如果商店页面提示当前地区不可用，说明该扩展未在你所在区域上架。

常见问题

DivMagic 是免费的吗？

DivMagic 在Firefox 附加组件商店（AMO）免费提供下载。它是浏览器扩展，装上就能直接用，不需要注册账号。

DivMagic 安全吗？

它只申请了 0 项权限，范围比较克制，没有申请「读取所有网站数据」这种大权限。

DivMagic 支持哪些浏览器？

当前收录的版本来自Firefox 附加组件商店（AMO），适用于 Firefox。同一个扩展在其他商店可能有对应版本，但功能与版本号不一定相同。

怎么卸载 DivMagic？

在扩展管理页找到 DivMagic，点移除即可。它在本地保存的设置会一起清掉，不会残留数据。

权限清单来自 manifest.json 原文

站点访问（可选） 2

http://*/*
https://*/*

接口权限 6

activeTab
clipboardWrite
contextMenus
devtools
scripting
storage

标签点标签看同类扩展

用户脚本

截图

简介