變更日誌

Apr 14, 2026

✨ 🎉 Browser compatibility

• DevTools panel behaves better with several tabs open
• Context menu and toolbox launch more reliably
• Options save correctly after extension updates

Nov 14, 2025

🆕 🐛 Studio and library

• Component library previews render more consistently
• Studio export handles a few more edge-case CSS patterns
• Background fixes from recent user reports

2025年7月14日

💡 改進

• 更新的樣式提取邏輯以表現更好
• 提高了擴展的速度
• 修復了錯誤。

2025年6月14日

💡 改進

• 更新的樣式提取邏輯以表現更好
• 修復了錯誤。

2025年5月14日

✨ 改進

• 更新的樣式提取邏輯以表現更好
• 提高了擴展的速度。複製按鈕現在可以更快地工作。
• 在某些網站上修復了帶有多個樣式表的錯誤的錯誤，影響了相同的組件

2025年4月14日

💡 🚀 更新和改進

• tailwind CSS V4.0類。 Divmagic不會將CSS類轉換為新的Tailwind V4.0類。轉換邏輯中包含所有尾風類，其中包括上一條逆風版本的類別。
• 改進的提取邏輯。與舊版本相比，Divmagic現在的工作方式明顯更好。樣式提取邏輯已從從頭開始重寫，以提高處理時間和準確性。
• 如果您在新版本中看到樣式提取邏輯中的任何問題，請通過team@divmagic.com告知我們。我們感謝大家對Divmagic的持續支持！

2024 年 11 月 24 日

💡 新設計

• 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 年 7 月 14 日

🆕 🔧 改進與錯誤修復

• 複製整頁功能添加
• 您可以在整頁複製過程中選擇要複製的元件和樣式
• 更新了複製邏輯
• 複製的程式碼會更準確、更簡潔
• 修正了元件庫中缺少某些元件的錯誤

2024 年 5 月 14 日

✨ 🐛 新的使用者介面、改進和錯誤修復

• 擴充的新 UI
• 我們更新了擴充功能的使用者介面，使其更加用戶友好。
• 新增複製整頁功能
• 現在您可以一鍵複製整頁
• 工具箱中新增了一個新工具：截圖工具
• 現在您可以對任何網站進行截圖並直接下載
• 修正了元件庫中某些預覽無法正確顯示的錯誤

2024 年 4 月 8 日

✨ ⚡ 新功能和改進

• 此版本包含一個新功能：元件庫中的預覽
• 現在您可以在元件庫中查看已儲存元件的預覽。
• 您也可以直接從擴充功能轉到儀表板。
• 改進了擴展的性能

2024 年 3 月 31 日

💡 新功能

• 此版本包含一個新功能：元件庫
• 現在您可以將複製的元素儲存到元件庫中。這將允許您隨時存取已儲存的元件。
• 您也可以透過分享 Studio 連結與其他人分享您的元件。
• 您也可以直接從元件庫將元件匯出到 DivMagic Studio。

2024 年 3 月 15 日

💡 🚀 新功能和改進

• 此版本包括三個新功能：工具箱的新工具、新的複製選項和編輯器模式的自動完成
• Toolbox 的 Thrash 工具
• Thras 工具將允許您隱藏或刪除網站中的元素。
• 新的複印選項
• 現在您可以分別複製 HTML 和 CSS。
• 您還可以獲得帶有原始 HTML 屬性、類別和 ID 的複製 HTML 和 CSS 程式碼。
• 編輯器模式自動完成
• 自動完成功能會在您鍵入時建議最常見的 CSS 屬性和值。
• 新增了直接從複製選項將程式碼匯出到 DivMagic Studio 的選項
• 改進了樣式優化程式碼以減少輸出的大小
• 改進了複製樣式的響應能力

2024 年 3 月 2 日

🆕 📈 🚢 新功能

• 工具箱中新增了一個新工具：顏色選擇器
• 現在您可以從任何網站複製顏色並直接在您的專案中使用它們
• 目前，此功能僅在 Chrome 擴充功能中可用。我們也正在努力將此功能添加到 Firefox 擴充功能中。

2024 年 2 月 24 日

💡 新功能和改進

• 此版本包含多項新功能：工具箱、即時編輯器、選項頁面、上下文選單
• Toolbox 將在一個地方包含 Web 開發所需的所有工具。字體複製、顏色選擇器、網格檢視器、調試器等等。
• 即時編輯器將允許您直接在瀏覽器中編輯複製的元素。您可以對元素進行更改並即時查看更改。
• 選項頁面將允許您自訂擴充設定。您可以更改預設設定並設定您的首選項。
• 上下文選單將允許您直接從右鍵選單存取 DivMagic。您可以複製元素或直接從上下文功能表啟動工具箱。
• 工具箱
• 工具箱包括檢查模式、字型複製和網格檢視器。將來我們將在工具箱中添加更多工具。
• 即時編輯器
• 即時編輯器將允許您直接在瀏覽器中編輯複製的元素。您可以對元素進行更改並即時查看更改。這將使更改複製的元素變得更加容易。
• 選項頁
• 選項頁面將允許您自訂擴充設定。您可以更改預設設定並設定您的首選項。
• 內容選單
• 上下文選單將允許您直接從右鍵選單存取 DivMagic。現在它有兩個選項：複製元素和啟動工具箱。

2023 年 12 月 20 日

✨ ⚡ ⚙️ 新功能、改進和錯誤修復

• 此版本包括更新的複印模式控制面板
• 現在，您可以在複製元素時選擇要複製的詳細資訊範圍。
• 我們將向複製模式添加更多選項，以便您更好地控制複製的元素。
• 提高轉換速度
• 改進了樣式優化程式碼以減少輸出的大小
• 改進了複製樣式的響應能力
• 修正了輸出中包含不必要的 CSS 屬性的錯誤
• 修正了 DivMagic 面板在某些網站上不可見的錯誤
• 感謝所有報告錯誤和問題的人！我們正在努力盡快修復它們。

2023 年 12 月 2 日

✨ 📈 🔧 改進和錯誤修復

• 此版本包括對複製樣式的響應能力的改進。
• 我們還對樣式最佳化程式碼進行了改進，以減少輸出的大小。
• 改進的 Webflow 轉換
• 改進了樣式優化程式碼以減少輸出的大小
• 改進了複製樣式的響應能力
• 修正了輸出中包含不必要的 CSS 屬性的錯誤
• 感謝所有報告錯誤和問題的人！我們正在努力盡快修復它們。

2023 年 11 月 15 日

💡 📈 ⚙️ 新功能、改進和錯誤修復

• 此版本包含一個新功能：匯出到 DivMagic Studio
• 現在您可以將複製的元素匯出到 DivMagic Studio。這將允許您在 DivMagic Studio 中編輯元素並對其進行更改。
• 改進了樣式優化程式碼以減少輸出的大小
• 改進了複製樣式的響應能力
• 修正了輸出中包含不必要的 CSS 屬性的錯誤

2023 年 11 月 4 日

💡 ⚡ ⚙️ 新功能、改進和錯誤修復

• 此版本包含一個新功能：自動隱藏彈出窗口
• 當您從彈出視窗設定中啟用「自動隱藏彈出視窗」時，當您將滑鼠從彈出視窗移開時，擴充彈出視窗將自動消失。
• 這將使複製元素的速度更快，因為您不需要透過手動點擊來關閉彈出視窗。
• 此版本還包括對設定位置的變更。元件和樣式格式已移至複製控制器。
• 我們也刪除了「偵測背景顏色」選項。現在預設啟用它。
• 改進了樣式優化程式碼以減少輸出的大小
• 改進了複製樣式的響應能力
• 改進了 DevTools 整合以處理多個開啟的選項卡
• 修正了選項未正確儲存的錯誤

2023 年 10 月 20 日

✨ 🚀 ⚙️ 新功能、改進和錯誤修復

• 此版本包含一個新功能：Media Query CSS
• 現在您可以複製正在複製的元素的媒體查詢。這將使複製的樣式具有響應性。
• 有關詳細信息，請參閱 Media Query CSS 上的文檔
• 此版本還包括一個新的變更。複製整頁按鈕已被刪除。您仍然可以透過選擇正文元素來複製整頁。
• 改進了樣式優化程式碼以減少輸出的大小
• 改進了樣式複製以刪除不必要的樣式
• 改進了 DevTools 整合以更快地複製樣式
• 修復了與絕對和相對元素複製相關的錯誤

2023 年 10 月 12 日

💡 🚀 🔧 新功能、改進和錯誤修復

• 此版本包括兩個新功能：複製模式和父/子元素選擇
• 複製模式將允許您調整複製元素時獲得的細節範圍。
• 有關複製模式的更多信息，請參閱文件。
• 父/子元素選擇將允許您在正在複製的元素的父元素和子元素之間切換。
• 改進了樣式優化程式碼以減少輸出的大小
• 改進了 Tailwind CSS 類別覆蓋率
• 改進了複製樣式的響應能力
• 改進了樣式優化程式碼以減少輸出的大小
• 修復了元素位置計算的錯誤
• 修復了元素大小計算的錯誤

2023 年 9 月 20 日

🆕 ⚡ ⚙️ 🚢 新功能和錯誤修復

• DivMagic DevTools 發布！現在您可以直接從 DevTools 使用 DivMagic，而無需啟動擴充。
• 您可以直接從 DevTools 複製元素。
• 透過檢查選擇一個元素，然後轉到 DivMagic DevTools 面板，按一下複製，該元素將被複製。
• 有關詳細信息，請參閱有關 DivMagic DevTools 的文件。
• 權限更新
• 透過新增 DevTools，我們更新了擴充權限。這允許擴充功能在您訪問的所有網站和多個選項卡上無縫​​添加 DevTools 面板。
• 筆記
• 更新到此版本時，Chrome 和 Firefox 將顯示一條警告，指出該擴充功能可以「讀取和更改您造訪的網站上的所有資料」。雖然措辭令人震驚，但我們向您保證：
• 最少的資料存取：我們僅存取為您提供 DivMagic 服務所需的最少資料。
• 資料安全：擴充功能存取的所有資料都保留在您的本機電腦上，不會傳送到任何外部伺服器。您複製的元素是在您的裝置上產生的，不會發送到任何伺服器。
• 隱私第一：我們致力於保護您的隱私和安全。欲了解更多詳情，您可以查看我們的隱私權政策。
• 我們感謝您的理解和信任。如果您有任何疑慮或疑問，請隨時聯絡我們的支援團隊。
• 修復了未儲存轉換設定的錯誤