divmagic Make design
SimpleNowLiveFunMatterSimple

变更日志

我们对 DivMagic 所做的所有最新添加和改进

2025年5月14日

改进

• 更新的样式提取逻辑以表现更好
• 提高了扩展的速度。复制按钮现在可以更快地工作。
• 在某些网站上修复了带有多个样式表的错误的错误，影响了相同的组件

2025年4月14日

🚀 更新和改进

• tailwind CSS V4.0类。 Divmagic不会将CSS类转换为新的Tailwind V4.0类。转换逻辑中包含所有尾风类，其中包括上一条逆风版本的类别。
• 改进的提取逻辑。与旧版本相比，Divmagic现在的工作方式明显更好。样式提取逻辑已从从头开始重写，以提高处理时间和准确性。
如果您在新版本中看到样式提取逻辑中的任何问题，请通过team@divmagic.com告知我们。我们感谢大家对Divmagic的持续支持！

2024 年 11 月 24 日

新设计

2024 年 9 月 20 日 DivMagic 网站和工具的新设计

我们更新了 DivMagic 网站和工具的设计，使其更加现代且用户友好。

我们正在改进扩展程序和 Studio，以便为您提供更好的体验。

2024 年 10 月 8 日

WordPress 集成更新

WordPress 集成新变化

我们更新了 WordPress Gutenberg 集成，以修复复制元素的样式问题，从而提供更强大的体验。
查看我们的文档以获取深入的教程

2024 年 9 月 24 日

WordPress 集成更新

WordPress 集成新变化

我们更新了 WordPress Gutenberg 集成，以提高复制元素的响应能力。
查看我们的文档以获取深入的教程

2024 年 9 月 20 日

WordPress 集成和标尺工具

WordPress 集成

我们添加了 WordPress Gutenberg 集成，这对于 WordPress 用户来说非常有用。

选择元素后，您可以单击“导出到 WordPress”按钮。然后，转到 WordPress Gutenberg，该组件将在编辑器中显示为块。
查看我们的文档以获取深入的教程

标尺工具
我们在工具箱中添加了标尺工具。这使您可以查看元素的宽度/高度以及边距和填充，从而更轻松地准确复制元素。2024 年 9 月 20 日

改进

  • 增强的用户界面，提高可用性
  • 性能优化以加快元素复制速度

2024 年 7 月 14 日

改进和错误修复

复制整页功能添加
您可以在整页复制过程中选择要复制的组件和样式
2024 年 7 月 14 日更新了复制逻辑
复制的代码会更准确、更简洁

Bug修复


修复了组件库中缺少某些组件的错误

2024 年 5 月 14 日

新的用户界面、改进和错误修复

扩展的新 UI
我们更新了扩展程序的用户界面，使其更加用户友好。

添加复制整页功能
您现在可以一键复制整页
2024 年 4 月 8 日
工具箱中添加了一个新工具：截图工具
您现在可以对任何网站进行截图并直接下载
2024 年 4 月 8 日

Bug修复


修复了组件库中某些预览无法正确显示的错误

2024 年 4 月 16 日

改进和错误修复

改进了已保存组件的预览生成。某些组件未正确显示预览。

修复了“保存组件”按钮不起作用的错误。

我们知道，随着添加更多功能，扩展可能会变得更慢。我们正在努力提高扩展的性能。

2024 年 4 月 8 日

新功能和改进

该版本包含一个新功能：组件库中的预览

您现在可以在组件库中查看已保存组件的预览。
您还可以直接从扩展程序转到仪表板。

2024 年 4 月 8 日

改进


改进了扩展的性能

2024 年 3 月 31 日

新功能

该版本包含一个新功能：组件库

您现在可以将复制的元素保存到组件库中。这将允许您随时访问已保存的组件。
您还可以通过共享 Studio 链接与其他人共享您的组件。

您还可以直接从组件库将组件导出到 DivMagic Studio。2024 年 3 月 31 日

2024 年 3 月 15 日

新功能和改进

该版本包括三个新功能：工具箱的新工具、新的复制选项和编辑器模式的自动完成

Toolbox 的 Thrash 工具
Thras 工具将允许您隐藏或删除网站中的元素。

新的复印选项
您现在可以分别复制 HTML 和 CSS。
您还可以获得带有原始 HTML 属性、类和 ID 的复制 HTML 和 CSS 代码。

编辑器模式自动完成
自动完成功能会在您键入时建议最常见的 CSS 属性和值。

改进

  • 添加了直接从复制选项将代码导出到 DivMagic Studio 的选项
  • 改进了样式优化代码以减少输出的大小
  • 改进了复制样式的响应能力

2024 年 3 月 2 日

新功能

工具箱中添加了一个新工具：颜色选择器

您现在可以从任何网站复制颜色并直接在您的项目中使用它们
目前，此功能仅在 Chrome 扩展程序中可用。我们也正在努力将此功能添加到 Firefox 扩展中。

2024 年 2 月 26 日

改进和错误修复

改进

  • 改进了样式优化代码以减少输出的大小
  • 改进了复制样式的响应能力

Bug修复

  • 修复了某些 CSS 样式未正确复制的错误
  • 修复了如果从 iframe 复制元素则复制的样式不响应的错误
    • 感谢所有报告错误和问题的人！我们正在努力尽快修复它们。

2024 年 2 月 24 日

新功能和改进

如果扩展程序在自动更新后变得无响应，请从 Chrome 网上应用店或 Firefox 附加组件卸载并重新安装该扩展程序。

该版本包含多项新功能：工具箱、实时编辑器、选项页面、上下文菜单

Toolbox 将在一个地方包含 Web 开发所需的所有工具。字体复制、颜色选择器、网格查看器、调试器等等。

实时编辑器将允许您直接在浏览器中编辑复制的元素。您可以对元素进行更改并实时查看更改。

选项页面将允许您自定义扩展设置。您可以更改默认设置并设置您的首选项。

上下文菜单将允许您直接从右键单击菜单访问 DivMagic。您可以复制元素或直接从上下文菜单启动工具箱。

工具箱
工具箱包括检查模式、字体复制和网格查看器。将来我们将在工具箱中添加更多工具。工具箱

实时编辑器
实时编辑器将允许您直接在浏览器中编辑复制的元素。您可以对元素进行更改并实时查看更改。这将使更改复制的元素变得更加容易。实时编辑器

选项页
选项页面将允许您自定义扩展设置。您可以更改默认设置并设置您的首选项。选项页

上下文菜单
上下文菜单将允许您直接从右键单击菜单访问 DivMagic。现在它有两个选项：复制元素和启动工具箱。上下文菜单

2023 年 12 月 20 日

新功能、改进和错误修复

此版本包括更新的复印模式控制面板

现在，您可以在复制元素时选择要复制的详细信息范围。

我们将向复制模式添加更多选项，以便您更好地控制复制的元素。2023 年 12 月 20 日

改进

  • 提高转换速度
  • 改进了样式优化代码以减少输出的大小
  • 改进了复制样式的响应能力

Bug修复

  • 修复了输出中包含不必要的 CSS 属性的错误
  • 修复了 DivMagic 面板在某些网站上不可见的错误
感谢所有报告错误和问题的人！我们正在努力尽快修复它们。

2023 年 12 月 2 日

改进和错误修复

此版本包括对复制样式的响应能力的改进。

我们还对样式优化代码进行了改进，以减少输出的大小。

改进

  • 改进的 Webflow 转换
  • 改进了样式优化代码以减少输出的大小
  • 改进了复制样式的响应能力

Bug修复

  • 修复了输出中包含不必要的 CSS 属性的错误
感谢所有报告错误和问题的人！我们正在努力尽快修复它们。

2023 年 11 月 15 日

新功能、改进和错误修复

此版本包含一个新功能：导出到 DivMagic Studio

您现在可以将复制的元素导出到 DivMagic Studio。这将允许您在 DivMagic Studio 中编辑元素并对其进行更改。



改进

  • 改进了复制样式的响应能力
  • 改进了样式优化代码以减少输出的大小

Bug修复

  • 修复了输出中包含不必要的 CSS 属性的错误

2023 年 11 月 4 日

新功能、改进和错误修复

此版本包含一个新功能：自动隐藏弹出窗口

当您从弹出窗口设置中启用自动隐藏弹出窗口时，当您将鼠标从弹出窗口移开时，扩展弹出窗口将自动消失。

这将使复制元素的速度更快，因为您不需要通过手动单击来关闭弹出窗口。
自动隐藏弹出窗口2023 年 11 月 4 日
此版本还包括对设置位置的更改。组件和样式格式已移至复制控制器。
2023 年 11 月 4 日2023 年 11 月 4 日

我们还删除了“检测背景颜色”选项。现在默认启用它。

改进

  • 改进了复制样式的响应能力
  • 改进了样式优化代码以减少输出的大小
  • 改进了 DevTools 集成以处理多个打开的选项卡

Bug修复

  • 修复了选项未正确保存的错误

2023 年 10 月 20 日

新功能、改进和错误修复

此版本包含一个新功能：Media Query CSS

您现在可以复制正在复制的元素的媒体查询。这将使复制的样式具有响应性。
有关详细信息，请参阅 Media Query CSS 上的文档 Media Query

此版本还包括一个新的更改。复制整页按钮已被删除。您仍然可以通过选择正文元素来复制整页。
2023 年 10 月 20 日2023 年 10 月 20 日

改进

  • 改进了样式复制以删除不必要的样式
  • 改进了样式优化代码以减少输出的大小
  • 改进了 DevTools 集成以更快地复制样式

Bug修复

  • 修复了与绝对和相对元素复制相关的错误

2023 年 10 月 12 日

新功能、改进和错误修复

该版本包括两个新功能：复制模式和父/子元素选择

复制模式将允许您调整复制元素时获得的细节范围。
有关复制模式的更多信息，请参阅文档。 复印模式

父/子元素选择将允许您在正在复制的元素的父元素和子元素之间切换。
2023 年 10 月 12 日

改进

  • 改进了样式优化代码以减少输出的大小
  • 改进了 Tailwind CSS 类覆盖率
  • 改进了复制样式的响应能力
  • 改进了样式优化代码以减少输出的大小

Bug修复

  • 修复了元素位置计算的错误
  • 修复了元素大小计算中的错误

2023 年 9 月 20 日

新功能和错误修复

DivMagic DevTools 发布！您现在可以直接从 DevTools 使用 DivMagic，而无需启动扩展。

您可以直接从 DevTools 复制元素。

通过检查选择一个元素，然后转到 DivMagic DevTools 面板，单击复制，该元素将被复制。

有关详细信息，请参阅有关 DivMagic DevTools 的文档。
DivMagic DevTools 文档
权限更新
通过添加 DevTools，我们更新了扩展权限。这允许扩展程序在您访问的所有网站和多个选项卡上无缝添加 DevTools 面板。

⚠️ 笔记
更新到此版本时，Chrome 和 Firefox 将显示一条警告，指出该扩展程序可以“读取和更改您访问的网站上的所有数据”。虽然措辞令人震惊，但我们向您保证：

最少的数据访问：我们仅访问为您提供 DivMagic 服务所需的最少数据。

数据安全：扩展程序访问的所有数据都保留在您的本地计算机上，不会发送到任何外部服务器。您复制的元素是在您的设备上生成的，不会发送到任何服务器。

隐私第一：我们致力于保护您的隐私和安全。欲了解更多详情，您可以查看我们的隐私政策。

我们感谢您的理解和信任。如果您有任何疑虑或疑问，请随时联系我们的支持团队。
2023 年 9 月 20 日

Bug修复

  • 修复了未保存转换设置的错误

2023 年 7 月 31 日

改进和错误修复

改进

  • 改进的网格布局复制
  • 改进了 Tailwind CSS 类覆盖率
  • 提高了复制样式的响应能力
  • 改进了样式优化代码以减少输出的大小

Bug修复

  • 修复了绝对元素复制的错误
  • 修复了背景模糊复制的错误

2023 年 7 月 20 日

改进和错误修复

改进

  • 改进了样式优化代码以减少输出的大小

Bug修复

  • 修复了背景检测中的错误

2023 年 7 月 18 日

新功能、改进和错误修复

现在，您可以使用新的检测背景功能检测正在复制的元素的背景。

此功能将通过父元素检测元素的背景。特别是在深色背景上，它将非常有用。

有关详细信息，请参阅检测背景文档
检测背景2023 年 7 月 18 日

改进

  • 改进了复制组件的响应能力
  • 更新了 SVG 元素以尽可能使用“currentColor”，使它们更易于自定义
  • 改进了样式优化代码以减少 CSS 输出的大小

Bug修复

  • 修复了高度和宽度计算的错误

2023 年 7 月 12 日

新功能和改进

您现在可以使用新的“复制整页”功能复制整页。

它将复制包含所有样式的整页并将其转换为您选择的格式。

有关详细信息，请参阅文档。
文档2023 年 7 月 12 日

改进

  • 改进了复制组件的响应能力
  • 改进了样式优化代码以减少 CSS 输出的大小

2023 年 7 月 3 日

改进和错误修复

改进

  • 改进了 iframe 样式复制
  • 改进的边界转换
  • 改进了样式优化代码以减少输出的大小

Bug修复

  • 修复了 JSX 转换中的错误
  • 修复了边界半径计算的错误

2023 年 6 月 25 日

改进和错误修复

改进

  • 改进的边界转换
  • 更新了字体大小逻辑
  • 改进了样式优化代码以减少输出的大小

Bug修复

  • 修复了填充和边距转换中的错误

2023 年 6 月 12 日

改进和错误修复

改进

  • 改进了样式优化代码以减少输出的大小
  • 改进列表转换
  • 改进的表格转换

Bug修复

  • 修复了网格转换的错误

2023 年 6 月 6 日

新功能和改进

您现在可以将复制的内容转换为 CSS。这是一个强烈要求的功能，我们很高兴发布它！

这将使您能够轻松地处理您的项目。

有关样式格式之间的差异，请参阅文档
文档2023 年 6 月 6 日

改进

  • 改进了样式优化代码以减少 Tailwind CSS 输出的大小
  • 改进列表转换
  • 改进的网格转换

2023 年 5 月 27 日

改进和错误修复

改进

  • 添加了复制 Tailwind CSS 代码的键盘快捷键。您可以按“D”来复制该元素。
  • 改进了 SVG 转换
  • 改进了样式优化代码以减少 Tailwind CSS 输出的大小

Bug修复

  • 修复了 JSX 转换中的一个错误，该错误导致输出包含不正确的字符串
    • 感谢所有报告错误和问题的人！我们正在努力尽快修复它们。

2023 年 5 月 18 日

新功能和改进

您现在可以将复制的 HTML 转换为 JSX！这是一项强烈要求的功能，我们很高兴发布它。

这将使您能够轻松地处理 NextJS 或 React 项目。

2023 年 5 月 18 日

改进

  • 改进了样式优化代码以减少 Tailwind CSS 输出的大小

2023 年 5 月 14 日

火狐发布 🦊

DivMagic 已在 Firefox 上发布！您现在可以在 Firefox 和 Chrome 上使用 DivMagic。

您可以在此处下载适用于 Firefox 的 DivMagic： Firefox

2023 年 5 月 12 日

改进

过去 2 天内 DivMagic 的安装次数已超过 100 次！感谢您的兴趣和所有反馈。

我们正在发布一个包含改进和错误修复的新版本。

  • 改进了样式优化代码以减少 Tailwind CSS 输出的大小
  • 改进了 SVG 转换
  • 改善边境支持
  • 添加了背景图片支持
  • 添加了有关 iFrame 的警告（当前 DivMagic 不适用于 iFrame）
  • 修复了未应用背景颜色的错误

2023 年 5 月 9 日

🚀 DivMagic 发布！

我们刚刚推出了 DivMagic！ DivMagic 的初始版本现已上线并可供您使用。我们很高兴看到您的想法！

  • 复制任何元素并将其转换为 Tailwind CSS
  • 颜色转换为 Tailwind CSS 颜色
divmagic DivMagic

资源

支持

工具

Social

条款和政策

© 2025。版权所有。