您可以获取任何网站上任何元素的 HTML/CSS 代码。
一键复制任意网站任意元素的代码。
如果需要,您还可以一键复制整页。
您可以复制正在复制的元素的媒体查询。
这将使复制的样式具有响应性。
您可以将任何 CSS 代码转换为 Tailwind CSS。
您从中复制的网站不需要使用 Tailwind CSS。
DivMagic 会将任何 CSS 代码转换为 Tailwind CSS(甚至是颜色!)
您可以从 iframe 复制代码。
有些网站将内容放在 iframe 中以防止您复制它。 DivMagic 可以通过 iframe 复制代码。
直接通过浏览器的开发工具使用 DivMagic
您无需弹出扩展程序即可使用 DivMagic 的强大功能
将 Web 元素转换并捕获为可重用组件,同时保留在开发人员控制台中。
您可以将任何组件转换为 JSX。
您可以获得作为 React/JSX 组件复制的任何部分。无需检查代码。
即使网站不使用 React。
您可以将复制的元素导出到 DivMagic Studio。
这将允许您轻松编辑元素并对其进行更改。
您可以将组件保存在 DivMagic Studio 中并随时访问它们。
Web 开发所需的所有工具都集中在一处。
您可以从网站复制字体并直接在您的项目中使用它们。您可以从任何网站复制颜色并直接在您的项目中使用它们。将任何颜色转换为任何格式。添加网格。
和更多...
获取任何网站上任何元素的代码。 DivMagic 提供最紧凑、最干净的代码供您在项目中使用。
Know what technologies a site uses with one click.
将任何组件转换为 React/JSX。您可以获得作为 React/JSX 组件复制的任何部分。与网站的框架无关。
将 CSS 转换为 Tailwind CSS。 DivMagic 会将任何 CSS 代码转换为 Tailwind CSS(甚至是颜色!)。您从中复制的网站不需要使用 Tailwind CSS。
从 iframe 复制代码。有些网站将内容放在 iframe 中以防止您复制它。 DivMagic 可以通过 iframe 复制代码。
您可以复制要复制的元素或页面的媒体查询。这将使复制的样式具有响应性。
直接通过浏览器的开发工具使用 DivMagic。您无需弹出扩展即可访问 DivMagic 的所有功能。
您可以将复制的元素导出到 DivMagic Studio - 一个强大的在线编辑器,可以轻松编辑元素并对其进行更改。
您可以一键复制整页。
(即将推出)- 您可以将复制的元素导出到 WordPress。这将允许您在 WordPress 编辑器中使用复制的元素。
Web 开发所需的所有工具都集中在一处。实时编辑、颜色选择器、调试器等等。
您可以从网站复制字体并直接在您的项目中使用它们。
您可以从任何网站复制颜色并直接在您的项目中使用它们。将任何颜色转换为任何格式。
“惊人的! 这使我的工作效率提高了 1000 倍。可以轻松地为互联网上的现有内容复制 Tailwind 代码。”
“非常有用!毫无疑问,它非常节省时间!”
“🛠️ DivMagic 👉🏻 一个 Chrome 扩展,可将元素直接转换为 Tailwind CSS(包括颜色)。”
“正是我正在寻找的!在我尝试的事情上做得很好。”
“效果很好!输出非常小,这使得它很容易根据我的用例进行修改!”
“前端开发必须!!我真的很喜欢它与 React 和 Tailwind 的良好配合。 UI 和 UX 的易用性是我最喜欢的。”
“我强烈推荐它,它太神奇了!”
“现在我可以更轻松地窃取设计! 🤭”
“很棒的工具,它的价值远远超出了它的成本。”
“DivMagic 是一个宝藏,简直是获取网页的该部分并将其完美呈现给您的最佳工具。 尝试一下,您的成本将在几天之内返还给您。”
“很棒的付费工具,物有所值!”
“很棒的工具,可以节省大量时间。如果您是开发人员并且想要快速获得 UI 设计的方法,那么这个工具就很棒。”
“很高兴在我的浏览器上使用它”
“很棒的工具,将在开发过程中为您节省大量时间。”
“工作得非常好 - 即使使用 React + TailwindCSS。印象非常深刻。”
“神奇的工具!我喜欢它强大的用途和轻松的工作方式。 如果您是开发人员,请不要三思而后行并确保获得它。”
“很棒的工具。与 Tailwind 组件配合使用,您可以在使用的前 30 分钟内轻松节省时间。几乎立即就能收回成本。”
“我过去测试过 3 个以上类似的工具 - DivMagic 迄今为止在质量方面很容易成为顶级工具之一。”
“很棒的工具,如果您构建网站,您就会知道这是轻而易举的事情。 节省了大量时间搞乱模板和修改 CSS。”
“超级有用的插件!为完整产品付费,因为它节省了我的时间和精力。”
“令人兴奋的工具。对于开发人员来说非常非常有用的工具”
适用于每个网站
适用于 Chrome 和 Firefox
不断更新和新功能
超过 7000 名开发者使用过
Brendan - DivMagic 用户
保证节省您的时间和金钱
Andrew - DivMagic 用户和机构所有者
保证提高您团队的生产力
DivMagic 可让您轻松复制、转换和利用 Web 元素。它是一款多功能工具,可将 HTML 和 CSS 转换为多种格式,包括内联 CSS、外部 CSS、本地 CSS 和 Tailwind CSS。
您可以从任何网站复制任何元素作为可重用组件,并将其直接粘贴到您的代码库中。
首先,安装 DivMagic 扩展。导航到任何网站并单击扩展程序图标。然后,选择页面上的任意元素。代码 - 以您选择的格式 - 将被复制并准备粘贴到您的项目中。
您可以观看演示视频以了解它是如何工作的
您可以获得 Chrome 和 Firefox 的扩展程序。
Chrome 扩展适用于所有基于 Chromium 的浏览器,例如 Brave 和 Edge。
如果您对 DivMagic 不满意,请在购买后 30 天内发送电子邮件给我们,我们将无条件退款。
support@divmagic.com
您可以通过访问客户门户来修改您的订阅。
客户门户
是的。它将复制任何网站上的任何元素,并将其转换为您选择的格式。您甚至可以复制受 iframe 保护的元素。
您正在复制的网站可以使用任何框架构建,DivMagic 将适用于所有框架。
虽然很少见,但某些元素可能无法完美复制 - 如果您遇到任何情况,请向我们报告。
即使元素未正确复制,您仍然可以使用复制的代码作为起点并对其进行更改。
是的。您正在复制的网站可以使用任何框架构建,DivMagic 将适用于所有框架。
该网站不需要使用 Tailwind CSS 构建,DivMagic 会为您将 CSS 转换为 Tailwind CSS。
最大的限制是使用 JavaScript 来修改页面内容显示的网站。在这种情况下,复制的代码可能不正确。如果您发现任何此类元素,请向我们报告。
即使元素未正确复制,您仍然可以使用复制的代码作为起点并对其进行更改。
DivMagic 定期更新。我们不断添加新功能并改进现有功能。
我们每 1-2 周发布一次更新。请参阅我们的变更日志以获取所有更新的列表。
变更日志
我们希望确保您购买时感到放心。我们计划存在很长一段时间,但如果 DivMagic 关闭,我们会将扩展代码发送给所有一次性付款的用户,使您能够无限期地离线使用它。
成为第一个了解新闻、新功能等的人!
随时取消订阅。没有垃圾邮件。