divmagic Make design
SimpleNowLiveFunMatterSimple

變更日誌

我們對 DivMagic 所做的所有最新添加和改進

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。版權所有。