divmagic Make design
SimpleNowLiveFunMatterSimple

从任何网站复制设计

一键轻松复制任何网站元素的代码。现在就试试吧!

arrow
Ethan GloverKevin McGrewDaniroBryan BrooksMichael HoffmanVictor RheaBrianKurt Lekanger
超过 9000 名开发者使用
受到超过 9000 名开发者的信任
divmagic
神奇的浏览器扩展:
节省数百小时
Chrome 和 Firefox 兼容
已复制 +100 万个元素
最快的支持
颜色选择器、字体复制和其他集成工具
创建您自己的组件库

被超过 9000 名开发者使用,网址为:

获取任何网站上任何元素的代码

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

Media Query 支持(响应式)

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

这将使复制的样式响应。

将 CSS 转换为 Tailwind CSS

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

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

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

通过 iframe 复制代码

您可以从 iframe 复制代码。

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

DevTools 集成

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

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

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

将任何组件转换为 React/JSX

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

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

即使网站不使用 React。

DivMagic Studio 集成

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

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

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

DivMagic Toolbox

将 Web 开发所需的所有工具集中于一处。

您可以从网站复制字体并直接在您的项目中使用它们。您可以从任何网站复制颜色并直接在您的项目中使用它们。将任何颜色转换为任何格式。添加网格。

还有更多...

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

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

检查员

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

CONVERTER

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

TAILWIND CSS

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

IFRAME 支持

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

响应式

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

DEVTOOLS 集成

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

工作室集成

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

整页副本

您可以一键复制整页。

WORDPRESS 集成

您可以将复制的元素导出到 WordPress(HTML 到 WordPress Gutenberg)。这将允许您在 WordPress 古腾堡编辑器中使用复制的元素。

更多信息请参见此处

工具箱

将 Web 开发所需的所有工具集中于一处。实时编辑、颜色选择器、调试器等等。

字体复制

您可以从网站复制字体并直接在您的项目中使用它们。

颜色选择器

您可以从任何网站复制颜色并直接在您的项目中使用它们。将任何颜色转换为任何格式。

鼓舞人心的评论:那些开始使用 DivMagic
的人

有反馈或问题吗?通过我们的平台告诉我们,剩下的事情我们会处理!

想要了解最新动态吗?

加入 DivMagic 电子邮件列表!

Social

条款和政策

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