divmagic DivMagic

从任何网站复制设计

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

使用者

Ethan GloverJeff WilliamsMichael HoffmanWill BowmanBrianKurt Lekanger

+ 数百名其他开发人员!

开发人员使用于

显着减少您的开发时间

快速又简单

一键复制样式

不要再浪费时间思考设计了。

只需单击一下即可在几秒钟内复制所有内容。甚至完整的网站。

Tailwind CSS

将任何组件转换为 Tailwind CSS

您可以获得作为 Tailwind CSS 组件复制的任何部分(即使网站不使用 Tailwind CSS)

React/JSX

将任何组件转换为 JSX

您可以获得作为 React/JSX 组件复制的任何部分

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

您可以获取任何网站上任何元素的 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 中并随时访问它们。

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

价钱

适用于每个网站

适用于 Chrome 和 Firefox

全额退款政策
超过 1000 名开发者使用
专注且快速的支持
不断更新和新功能

每月

$16/

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

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

  • 适用于火狐浏览器

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

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

  • 退款保证

每年

$96/

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

  • 节省 - 6 个月免费

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

  • 适用于火狐浏览器

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

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

  • 退款保证

🎁 有限折扣

一次性支付

最受欢迎
$300
$200

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

  • 终身访问

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

  • 适用于火狐浏览器

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

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

  • 退款保证

经常问的问题

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

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