divmagic DivMagic

从任何网站复制设计

浏览器扩展程序,可让您一键复制任何网站元素的代码

使用者

Ethan GloverJeff WilliamsMichael HoffmanWill BowmanBrianKurt Lekanger

+ 数千名其他开发人员!

开发人员使用于

受到超过 4000 名开发者的信赖
divmagic

显着减少您的开发时间

获取任意网站任意元素的代码

您可以获取任何网站上任何元素的 HTML/CSS 代码。
一键复制任意网站任意元素的代码。
如果需要,您还可以一键复制整页。

Media Query 支持(响应式)

您可以复制正在复制的元素的媒体查询。

这将使复制的样式具有响应性。

将 CSS 转换为 Tailwind CSS

您可以将任何 CSS 代码转换为 Tailwind CSS。

您从中复制的网站不需要使用 Tailwind CSS。

DivMagic 会将任何 CSS 代码转换为 Tailwind CSS(甚至是颜色!)

通过 iframe 复制代码

您可以从 iframe 复制代码。

有些网站将内容放在 iframe 中以防止您复制它。 DivMagic 可以通过 iframe 复制代码。

DevTools 集成

直接通过浏览器的开发工具使用 DivMagic

您无需弹出扩展程序即可使用 DivMagic 的强大功能

将 Web 元素转换并捕获为可重用组件,同时保留在开发人员控制台中。

将任何组件转换为 React/JSX

您可以将任何组件转换为 JSX。

您可以获得作为 React/JSX 组件复制的任何部分。无需检查代码。

即使网站不使用 React。

DivMagic Studio 集成

您可以将复制的元素导出到 DivMagic Studio。

这将允许您轻松编辑元素并对其进行更改。

您可以将组件保存在 DivMagic Studio 中并随时访问它们。

更快地构建令人惊叹的网站所需的所有工具

无需花费数小时即可获得最佳设计

督察

获取任何网站上任何元素的代码。 DivMagic 提供最紧凑、最干净的代码供您在项目中使用。

转换器

将任何组件转换为 React/JSX。您可以获得作为 React/JSX 组件复制的任何部分。与网站的框架无关。

顺风CSS

将 CSS 转换为 Tailwind CSS。 DivMagic 会将任何 CSS 代码转换为 Tailwind CSS(甚至是颜色!)。您从中复制的网站不需要使用 Tailwind CSS。

框架支持

从 iframe 复制代码。有些网站将内容放在 iframe 中以防止您复制它。 DivMagic 可以通过 iframe 复制代码。

反应灵敏

您可以复制要复制的元素或页面的媒体查询。这将使复制的样式具有响应性。

开发工具集成

直接通过浏览器的开发工具使用 DivMagic。您无需弹出扩展即可访问 DivMagic 的所有功能。

工作室整合

您可以将复制的元素导出到 DivMagic Studio - 一个强大的在线编辑器,可以轻松编辑元素并对其进行更改。

整页副本

您可以一键复制整页。

WordPress 集成

(即将推出)- 您可以将复制的元素导出到 WordPress。这将允许您在 WordPress 编辑器中使用复制的元素。

字体复制

(即将推出)-您可以从网站复制字体并直接在您的项目中使用它们。

工具箱

(即将推出)- Web 开发所需的所有工具都集中在一处。实时编辑、颜色选择器、调试器等等。

深受开发者和设计师的喜爱

“惊人的! 这使我的工作效率提高了 1000 倍。可以轻松地为互联网上的现有内容复制 Tailwind 代码。”

testimonial author
Jeff Williams
ex-AWS Software Development Engineer

非常有用!毫无疑问,它非常节省时间!”

testimonial author
Kurt Lekanger
journalist, code24

“🛠️ DivMagic 👉🏻 一个 Chrome 扩展,可将元素直接转换为 Tailwind CSS(包括颜色)。”

testimonial author
Michael Hoffman
Senior Frontend Developer

正是我正在寻找的!在我尝试的事情上做得很好。”

testimonial author
Will Bowman

效果很好!输出非常小,这使得它很容易根据我的用例进行修改!”

Nichole Peterson

前端开发必须!!我真的很喜欢它与 React 和 Tailwind 的良好配合。 UI 和 UX 的易用性是我最喜欢的。”

Steven J.

“我强烈推荐它,它太神奇了!”

Javier

“现在我可以更轻松地窃取设计! 🤭”

testimonial author
Ethan Glover
Application Engineer

“很棒的工具,它的价值远远超出了它的成本。”

testimonial author
Bryan Brooks

DivMagic 是一个宝藏,简直是获取网页的该部分并将其完美呈现给您的最佳工具。 尝试一下,您的成本将在几天之内返还给您。”

testimonial author
Victor Rhea

“很棒的付费工具,物有所值!”

testimonial author
Daniro

很棒的工具,可以节省大量时间。如果您是开发人员并且想要快速获得 UI 设计的方法,那么这个工具就很棒。”

testimonial author
Martin Young

“很高兴在我的浏览器上使用它”

testimonial author
Reza Hartana

“很棒的工具,将在开发过程中为您节省大量时间。”

testimonial author
Jackie Chong

工作得非常好 - 即使使用 React + TailwindCSS。印象非常深刻。”

testimonial author
J L

“神奇的工具!我喜欢它强大的用途和轻松的工作方式。 如果您是开发人员,请不要三思而后行并确保获得它。

testimonial author
Giuliani Prosecutor

“很棒的工具。与 Tailwind 组件配合使用,您可以在使用的前 30 分钟内轻松节省时间。几乎立即就能收回成本。”

testimonial author
Brendan OC

“我过去测试过 3 个以上类似的工具 - DivMagic 迄今为止在质量方面很容易成为顶级工具之一。

testimonial author
John Techozens

“很棒的工具,如果您构建网站,您就会知道这是轻而易举的事情。 节省了大量时间搞乱模板和修改 CSS。”

testimonial author
Kevin McGrew

价钱

适用于每个网站

适用于 Chrome 和 Firefox

全额退款政策

超过 4000 名开发者使用过

专注且快速的支持
不断更新和新功能

每月

$16/

不包括地方税或增值税(如果适用)

  • 适用于 Google Chrome(包括所有基于 Chromium 的浏览器,如 Brave、Edge 等)

  • 适用于火狐浏览器

  • 在任意数量的设备上使用

  • DivMagic Studio 集成

  • 包括所有未来的更新和功能

  • 退款保证

每年

$96/

不包括地方税或增值税(如果适用)

  • 节省 - 6 个月免费

  • 适用于 Google Chrome(包括所有基于 Chromium 的浏览器,如 Brave、Edge 等)

  • 适用于火狐浏览器

  • 在任意数量的设备上使用

  • DivMagic Studio 集成

  • 包括所有未来的更新和功能

  • 退款保证

🎁

折扣有限!!!

一次性支付

最受欢迎
$300
$200

不包括地方税或增值税(如果适用)

  • 终身访问

  • 适用于 Google Chrome(包括所有基于 Chromium 的浏览器,如 Brave、Edge 等)

  • 适用于火狐浏览器

  • 在任意数量的设备上使用

  • DivMagic Studio 集成

  • 包括所有未来的更新和功能

  • 退款保证

经常问的问题

DivMagic 是做什么的?

DivMagic 可让您轻松复制、转换和利用 Web 元素。它是一款多功能工具,可将 HTML 和 CSS 转换为多种格式,包括内联 CSS、外部 CSS、本地 CSS 和 Tailwind CSS。

您可以从任何网站复制任何元素作为可重用组件,并将其直接粘贴到您的代码库中。

我该如何使用它?

首先,安装 DivMagic 扩展。导航到任何网站并单击扩展程序图标。然后,选择页面上的任意元素。代码 - 以您选择的格式 - 将被复制并准备粘贴到您的项目中。

您可以观看演示视频以了解它是如何工作的

支持哪些浏览器?

您可以获得 Chrome 和 Firefox 的扩展程序。

Chrome 扩展适用于所有基于 Chromium 的浏览器,例如 Brave 和 Edge。

退款政策是什么?

如果您对 DivMagic 不满意,请在购买后 30 天内发送电子邮件给我们,我们将无条件退款。

support@divmagic.com

如何修改我的订阅?

您可以通过访问客户门户来修改您的订阅。
客户门户

它适用于所有网站吗?

是的。它将复制任何网站上的任何元素,并将其转换为您选择的格式。您甚至可以复制受 iframe 保护的元素。

您正在复制的网站可以使用任何框架构建,DivMagic 将适用于所有框架。

虽然很少见,但某些元素可能无法完美复制 - 如果您遇到任何情况,请向我们报告。

即使元素未正确复制,您仍然可以使用复制的代码作为起点并对其进行更改。

Tailwind CSS 转换适用于所有网站吗?

是的。您正在复制的网站可以使用任何框架构建,DivMagic 将适用于所有框架。

该网站不需要使用 Tailwind CSS 构建,DivMagic 会为您将 CSS 转换为 Tailwind CSS。

有什么限制?

最大的限制是使用 JavaScript 来修改页面内容显示的网站。在这种情况下,复制的代码可能不正确。如果您发现任何此类元素,请向我们报告。

即使元素未正确复制,您仍然可以使用复制的代码作为起点并对其进行更改。

DivMagic 多久更新一次?

DivMagic 定期更新。我们不断添加新功能并改进现有功能。

我们每 1-2 周发布一次更新。请参阅我们的变更日志以获取所有更新的列表。

变更日志

想了解最新动态吗?
加入 DivMagic 电子邮件列表!

成为第一个了解新闻、新功能等的人!

随时取消订阅。没有垃圾邮件。

DivMagic - Copy design from any website | Product Hunt

© 2024 DivMagic, Inc. 保留所有权利。