變更日誌

Sep 14, 2026

⚡ Copy performance

• Copied buttons and inputs keep more of their interactive styles
• Line-height and letter-spacing match the source a bit closer
• Copy pipeline less likely to stall on heavy sites

Aug 14, 2026

⚙️ Quality updates

• Inspect mode less noisy on animated pages
• Color picker and toolbox stay attached after SPA navigations
• Bug-fix sweep from recent support tickets

Jul 14, 2026

⚙️ Style matching

• Closer match on border, radius, and shadow conversion
• Font-size logic less jumpy across nested text
• Fixes on sites that rewrite styles after load

Jun 14, 2026

🚀 Speed and stability

• Incremental wins in the rewritten extraction path
• Copy works more often on messy, heavily scripted pages
• Support tickets from May triaged and closed

May 14, 2026

🚀 WordPress and export

• Gutenberg export styling on more themes
• Studio link sharing from saved components is more dependable
• Full-page copy option selection is more predictable

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

Mar 14, 2026

🚀 Output cleanup

• Smaller CSS payloads after optimization
• Fewer unused properties in Tailwind output
• SVG currentColor handling on more elements

Feb 14, 2026

⚡ Layout handling

• Improved absolute and relative position capture
• Better iframe style passthrough
• Grid and table conversion tweaks

Jan 14, 2026

🐛 Copy performance

• Faster copy-button response on large pages
• Less work during hover inspect
• Fixed a race that could leave the panel in a bad state

Dec 14, 2025

🐛 🦊 Year-end maintenance

• Runtime updates under the hood
• Copy pipeline less likely to stall on heavy sites
• Firefox and Chrome stay in sync on recent fixes

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

Oct 14, 2025

🚀 Conversion accuracy

• Wider Tailwind coverage for spacing and color utilities
• Cleaner JSX when components mix classes and attributes
• Media-query handling on a few stubborn layouts

Sep 14, 2025

🚀 Extraction polish

• Better nested flex and grid capture
• Dropped more redundant CSS from the copied output
• Popup stays stable during long copy sessions

Aug 14, 2025

⚙️ Reliability updates

• Hardened style extraction on pages that load several competing stylesheets
• Smoothed copy performance on deep DOM trees
• Squashed a handful of reported Tailwind mapping bugs

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 月 16 日

📈 🔧 改進和錯誤修復

• 改進了已儲存元件的預覽產生。某些組件未正確顯示預覽。
• 修復了“儲存元件”按鈕不起作用的錯誤。
• 我們知道，隨著添加更多功能，擴充功能可能會變得更慢。我們正在努力提高擴展的效能。

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 月 26 日

📈 🔧 改進和錯誤修復

• 改進了樣式優化程式碼以減少輸出的大小
• 改進了複製樣式的響應能力
• 修正了某些 CSS 樣式未正確複製的錯誤
• 修正瞭如果從 iframe 複製元素則複製的樣式不回應的錯誤
• 感謝所有報告錯誤和問題的人！我們正在努力盡快修復它們。

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 服務所需的最少資料。
• 資料安全：擴充功能存取的所有資料都保留在您的本機電腦上，不會傳送到任何外部伺服器。您複製的元素是在您的裝置上產生的，不會發送到任何伺服器。
• 隱私第一：我們致力於保護您的隱私和安全。欲了解更多詳情，您可以查看我們的隱私權政策。
• 我們感謝您的理解和信任。如果您有任何疑慮或疑問，請隨時聯絡我們的支援團隊。
• 修復了未儲存轉換設定的錯誤

2023 年 7 月 31 日

🚀 🐛 改進和錯誤修復

• 改進的網格佈局複製
• 改進了 Tailwind CSS 類覆蓋率
• 提高了複製樣式的響應能力
• 改進了樣式優化代碼以減少輸出的大小
• 修復了絕對元素複製的錯誤
• 修復了背景模糊複製的錯誤

2023 年 7 月 20 日

📈 🔧 改進和錯誤修復

• 改進了樣式優化代碼以減少輸出的大小
• 修復了背景檢測中的錯誤

2023 年 7 月 18 日

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

• 現在，您可以使用新的檢測背景功能檢測正在復制的元素的背景。
• 此功能將通過父元素檢測元素的背景。特別是在深色背景上，它將非常有用。
• 有關詳細信息，請參閱檢測背景文檔
• 改進了複製組件的響應能力
• 更新了 SVG 元素以盡可能使用“currentColor”，使它們更易於自定義
• 改進了樣式優化代碼以減少 CSS 輸出的大小
• 修復了高度和寬度計算的錯誤

2023 年 7 月 12 日

⚡ 新功能和改進

• 您現在可以使用新的“複製整頁”功能複制整頁。
• 它將復制包含所有樣式的整頁並將其轉換為您選擇的格式。
• 有關詳細信息，請參閱文檔。
• 改進了複製組件的響應能力
• 改進了樣式優化代碼以減少 CSS 輸出的大小

2023 年 7 月 3 日

⚡ 🐛 改進和錯誤修復

• 改進了 iframe 樣式複制
• 改進的邊界轉換
• 改進了樣式優化代碼以減少輸出的大小
• 修復了 JSX 轉換中的錯誤
• 修復了邊界半徑計算的錯誤

2023 年 6 月 25 日

🚀 ⚙️ 改進和錯誤修復

• 改進的邊界轉換
• 更新了字體大小邏輯
• 改進了樣式優化代碼以減少輸出的大小
• 修復了填充和邊距轉換中的錯誤

2023 年 6 月 12 日

🚀 🔧 改進和錯誤修復

• 改進了樣式優化代碼以減少輸出的大小
• 改進列表轉換
• 改進的表格轉換
• 修復了網格轉換的錯誤

2023 年 6 月 6 日

🚀 新功能和改進

• 您現在可以將復制的內容轉換為 CSS。這是一個強烈要求的功能，我們很高興發布它！
• 這將使您能夠輕鬆地處理您的項目。
• 有關樣式格式之間的差異，請參閱文檔
• 改進了樣式優化代碼以減少 Tailwind CSS 輸出的大小
• 改進列表轉換
• 改進的網格轉換

2023 年 5 月 27 日

⚡ ⚙️ 改進和錯誤修復

• 添加了複製 Tailwind CSS 代碼的鍵盤快捷鍵。您可以按“D”來複製該元素。
• 改進了 SVG 轉換
• 改進了樣式優化代碼以減少 Tailwind CSS 輸出的大小
• 修復了 JSX 轉換中的一個錯誤，該錯誤導致輸出包含不正確的字符串
• 感謝所有報告錯誤和問題的人！我們正在努力盡快修復它們。

2023 年 5 月 18 日

⚡ 新功能和改進

• 您現在可以將復制的 HTML 轉換為 JSX！這是一項強烈要求的功能，我們很高興發布它。
• 這將使您能夠輕鬆地處理 NextJS 或 React 項目。
• 改進了樣式優化代碼以減少 Tailwind CSS 輸出的大小

2023 年 5 月 14 日

🚀 🦊 火狐發布

• DivMagic 已在 Firefox 上發布！您現在可以在 Firefox 和 Chrome 上使用 DivMagic。
• 您可以在此處下載適用於 Firefox 的 DivMagic：

2023 年 5 月 12 日

⚡ 改進

• 過去 2 天內 DivMagic 的安裝次數已超過 100 次！感謝您的興趣和所有反饋。
• 我們正在發布一個包含改進和錯誤修復的新版本。
• 改進了樣式優化代碼以減少 Tailwind CSS 輸出的大小
• 改進了 SVG 轉換
• 改善邊境支持
• 添加了背景圖片支持
• 添加了有關 iFrame 的警告（當前 DivMagic 不適用於 iFrame）
• 修復了未應用背景顏色的錯誤

2023 年 5 月 9 日

📈 DivMagic 發布！

• 我們剛剛推出了 DivMagic！ DivMagic 的初始版本現已上線並可供您使用。我們很高興看到您的想法！
• 複製任何元素並將其轉換為 Tailwind CSS
• 顏色轉換為 Tailwind CSS 顏色