變更日誌
我們對 DivMagic 所做的所有最新添加和改進
2024 年 10 月 8 日
WordPress 整合更新
2024 年 9 月 24 日
WordPress 整合更新
2024 年 9 月 20 日
WordPress 整合與標尺工具
WordPress 集成
我們添加了 WordPress Gutenberg 集成，這對於 WordPress 用戶來說非常有用。
選擇元素後，您可以按一下「匯出到 WordPress」按鈕。然後，前往 WordPress Gutenberg，該元件將在編輯器中顯示為區塊。
查看我們的文件以獲取深入的教程
標尺工具
我們在工具箱中加入了標尺工具。這使您可以查看元素的寬度/高度以及邊距和填充，從而更輕鬆地準確複製元素。
我們添加了 WordPress Gutenberg 集成，這對於 WordPress 用戶來說非常有用。
選擇元素後，您可以按一下「匯出到 WordPress」按鈕。然後，前往 WordPress Gutenberg，該元件將在編輯器中顯示為區塊。
查看我們的文件以獲取深入的教程
標尺工具
我們在工具箱中加入了標尺工具。這使您可以查看元素的寬度/高度以及邊距和填充，從而更輕鬆地準確複製元素。
改進
- 增強的使用者介面，提高可用性
- 效能最佳化以加快元素複製速度
2024 年 7 月 14 日
改進與錯誤修復
複製整頁功能添加
您可以在整頁複製過程中選擇要複製的元件和樣式
更新了複製邏輯
複製的程式碼會更準確、更簡潔
修正了元件庫中缺少某些元件的錯誤
您可以在整頁複製過程中選擇要複製的元件和樣式
更新了複製邏輯複製的程式碼會更準確、更簡潔
Bug修復
修正了元件庫中缺少某些元件的錯誤
2024 年 5 月 14 日
新的使用者介面、改進和錯誤修復
擴充的新 UI
我們更新了擴充功能的使用者介面，使其更加用戶友好。
新增複製整頁功能
現在您可以一鍵複製整頁
工具箱中新增了一個新工具：截圖工具
現在您可以對任何網站進行截圖並直接下載
修正了元件庫中某些預覽無法正確顯示的錯誤
我們更新了擴充功能的使用者介面，使其更加用戶友好。
新增複製整頁功能
現在您可以一鍵複製整頁
工具箱中新增了一個新工具：截圖工具
現在您可以對任何網站進行截圖並直接下載
Bug修復
修正了元件庫中某些預覽無法正確顯示的錯誤
2024 年 4 月 16 日
改進和錯誤修復
改進了已儲存元件的預覽產生。某些組件未正確顯示預覽。
修復了“儲存元件”按鈕不起作用的錯誤。
我們知道，隨著添加更多功能，擴充功能可能會變得更慢。我們正在努力提高擴展的效能。
修復了“儲存元件”按鈕不起作用的錯誤。
我們知道，隨著添加更多功能，擴充功能可能會變得更慢。我們正在努力提高擴展的效能。
2024 年 4 月 8 日
新功能和改進
此版本包含一個新功能：元件庫中的預覽
現在您可以在元件庫中查看已儲存元件的預覽。
您也可以直接從擴充功能轉到儀表板。
改進了擴展的性能
現在您可以在元件庫中查看已儲存元件的預覽。
您也可以直接從擴充功能轉到儀表板。
改進
改進了擴展的性能
2024 年 3 月 31 日
新功能
此版本包含一個新功能：元件庫
現在您可以將複製的元素儲存到元件庫中。這將允許您隨時存取已儲存的元件。
您也可以透過分享 Studio 連結與其他人分享您的元件。
您也可以直接從元件庫將元件匯出到 DivMagic Studio。
現在您可以將複製的元素儲存到元件庫中。這將允許您隨時存取已儲存的元件。
您也可以透過分享 Studio 連結與其他人分享您的元件。
您也可以直接從元件庫將元件匯出到 DivMagic Studio。
2024 年 3 月 15 日
新功能和改進
此版本包括三個新功能：工具箱的新工具、新的複製選項和編輯器模式的自動完成
Toolbox 的 Thrash 工具
Thras 工具將允許您隱藏或刪除網站中的元素。
新的複印選項
現在您可以分別複製 HTML 和 CSS。
您還可以獲得帶有原始 HTML 屬性、類別和 ID 的複製 HTML 和 CSS 程式碼。
編輯器模式自動完成
自動完成功能會在您鍵入時建議最常見的 CSS 屬性和值。
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 日
新功能、改進和錯誤修復
此版本包括更新的複印模式控制面板
現在，您可以在複製元素時選擇要複製的詳細資訊範圍。
我們將向複製模式添加更多選項，以便您更好地控制複製的元素。
現在，您可以在複製元素時選擇要複製的詳細資訊範圍。
我們將向複製模式添加更多選項，以便您更好地控制複製的元素。
改進
- 提高轉換速度
- 改進了樣式優化程式碼以減少輸出的大小
- 改進了複製樣式的響應能力
Bug修復
- 修正了輸出中包含不必要的 CSS 屬性的錯誤
- 修正了 DivMagic 面板在某些網站上不可見的錯誤
2023 年 12 月 2 日
改進和錯誤修復
此版本包括對複製樣式的響應能力的改進。
我們還對樣式最佳化程式碼進行了改進，以減少輸出的大小。
我們還對樣式最佳化程式碼進行了改進，以減少輸出的大小。
改進
- 改進的 Webflow 轉換
- 改進了樣式優化程式碼以減少輸出的大小
- 改進了複製樣式的響應能力
Bug修復
- 修正了輸出中包含不必要的 CSS 屬性的錯誤
2023 年 11 月 15 日
新功能、改進和錯誤修復
此版本包含一個新功能：匯出到 DivMagic Studio
現在您可以將複製的元素匯出到 DivMagic Studio。這將允許您在 DivMagic Studio 中編輯元素並對其進行更改。
現在您可以將複製的元素匯出到 DivMagic Studio。這將允許您在 DivMagic Studio 中編輯元素並對其進行更改。
改進
- 改進了複製樣式的響應能力
- 改進了樣式優化程式碼以減少輸出的大小
Bug修復
- 修正了輸出中包含不必要的 CSS 屬性的錯誤
2023 年 11 月 4 日
新功能、改進和錯誤修復
此版本包含一個新功能：自動隱藏彈出窗口
當您從彈出視窗設定中啟用「自動隱藏彈出視窗」時，當您將滑鼠從彈出視窗移開時，擴充彈出視窗將自動消失。
這將使複製元素的速度更快，因為您不需要透過手動點擊來關閉彈出視窗。
自動隱藏彈出視窗
此版本還包括對設定位置的變更。元件和樣式格式已移至複製控制器。
我們也刪除了「偵測背景顏色」選項。現在預設啟用它。
當您從彈出視窗設定中啟用「自動隱藏彈出視窗」時，當您將滑鼠從彈出視窗移開時，擴充彈出視窗將自動消失。
這將使複製元素的速度更快，因為您不需要透過手動點擊來關閉彈出視窗。
自動隱藏彈出視窗
此版本還包括對設定位置的變更。元件和樣式格式已移至複製控制器。
我們也刪除了「偵測背景顏色」選項。現在預設啟用它。
改進
- 改進了複製樣式的響應能力
- 改進了樣式優化程式碼以減少輸出的大小
- 改進了 DevTools 整合以處理多個開啟的選項卡
Bug修復
- 修正了選項未正確儲存的錯誤
2023 年 10 月 20 日
新功能、改進和錯誤修復
此版本包含一個新功能：Media Query CSS
現在您可以複製正在複製的元素的媒體查詢。這將使複製的樣式具有響應性。
有關詳細信息，請參閱 Media Query CSS 上的文檔 Media Query
此版本還包括一個新的變更。複製整頁按鈕已被刪除。您仍然可以透過選擇正文元素來複製整頁。
現在您可以複製正在複製的元素的媒體查詢。這將使複製的樣式具有響應性。
有關詳細信息，請參閱 Media Query CSS 上的文檔 Media Query
此版本還包括一個新的變更。複製整頁按鈕已被刪除。您仍然可以透過選擇正文元素來複製整頁。
改進
- 改進了樣式複製以刪除不必要的樣式
- 改進了樣式優化程式碼以減少輸出的大小
- 改進了 DevTools 整合以更快地複製樣式
Bug修復
- 修復了與絕對和相對元素複製相關的錯誤
2023 年 10 月 12 日
新功能、改進和錯誤修復
此版本包括兩個新功能：複製模式和父/子元素選擇
複製模式將允許您調整複製元素時獲得的細節範圍。
有關複製模式的更多信息，請參閱文件。 複印模式
父/子元素選擇將允許您在正在複製的元素的父元素和子元素之間切換。
複製模式將允許您調整複製元素時獲得的細節範圍。
有關複製模式的更多信息，請參閱文件。 複印模式
父/子元素選擇將允許您在正在複製的元素的父元素和子元素之間切換。
改進
- 改進了樣式優化程式碼以減少輸出的大小
- 改進了 Tailwind CSS 類別覆蓋率
- 改進了複製樣式的響應能力
- 改進了樣式優化程式碼以減少輸出的大小
Bug修復
- 修復了元素位置計算的錯誤
- 修復了元素大小計算的錯誤
2023 年 9 月 20 日
新功能和錯誤修復
DivMagic DevTools 發布！現在您可以直接從 DevTools 使用 DivMagic，而無需啟動擴充。
您可以直接從 DevTools 複製元素。
透過檢查選擇一個元素，然後轉到 DivMagic DevTools 面板，按一下複製，該元素將被複製。
有關詳細信息，請參閱有關 DivMagic DevTools 的文件。
DivMagic DevTools 文檔
您可以直接從 DevTools 複製元素。
透過檢查選擇一個元素，然後轉到 DivMagic DevTools 面板，按一下複製，該元素將被複製。
有關詳細信息，請參閱有關 DivMagic DevTools 的文件。
DivMagic DevTools 文檔
權限更新
透過新增 DevTools，我們更新了擴充權限。這允許擴充功能在您訪問的所有網站和多個選項卡上無縫添加 DevTools 面板。
⚠️ 筆記
更新到此版本時，Chrome 和 Firefox 將顯示一條警告，指出該擴充功能可以「讀取和更改您造訪的網站上的所有資料」。雖然措辭令人震驚，但我們向您保證：
最少的資料存取：我們僅存取為您提供 DivMagic 服務所需的最少資料。
資料安全：擴充功能存取的所有資料都保留在您的本機電腦上，不會傳送到任何外部伺服器。您複製的元素是在您的裝置上產生的，不會發送到任何伺服器。
隱私第一：我們致力於保護您的隱私和安全。欲了解更多詳情，您可以查看我們的隱私權政策。
我們感謝您的理解和信任。如果您有任何疑慮或疑問，請隨時聯絡我們的支援團隊。
透過新增 DevTools，我們更新了擴充權限。這允許擴充功能在您訪問的所有網站和多個選項卡上無縫添加 DevTools 面板。
⚠️ 筆記
更新到此版本時，Chrome 和 Firefox 將顯示一條警告，指出該擴充功能可以「讀取和更改您造訪的網站上的所有資料」。雖然措辭令人震驚，但我們向您保證：
最少的資料存取：我們僅存取為您提供 DivMagic 服務所需的最少資料。
資料安全：擴充功能存取的所有資料都保留在您的本機電腦上，不會傳送到任何外部伺服器。您複製的元素是在您的裝置上產生的，不會發送到任何伺服器。
隱私第一：我們致力於保護您的隱私和安全。欲了解更多詳情，您可以查看我們的隱私權政策。
我們感謝您的理解和信任。如果您有任何疑慮或疑問，請隨時聯絡我們的支援團隊。
Bug修復
- 修復了未儲存轉換設定的錯誤
2023 年 7 月 31 日
改進和錯誤修復
改進
- 改進的網格佈局複製
- 改進了 Tailwind CSS 類覆蓋率
- 提高了複製樣式的響應能力
- 改進了樣式優化代碼以減少輸出的大小
Bug修復
- 修復了絕對元素複製的錯誤
- 修復了背景模糊複製的錯誤
2023 年 7 月 20 日
改進和錯誤修復
改進
- 改進了樣式優化代碼以減少輸出的大小
Bug修復
- 修復了背景檢測中的錯誤
2023 年 7 月 18 日
新功能、改進和錯誤修復
現在，您可以使用新的檢測背景功能檢測正在復制的元素的背景。
此功能將通過父元素檢測元素的背景。特別是在深色背景上，它將非常有用。
有關詳細信息，請參閱檢測背景文檔
檢測背景
此功能將通過父元素檢測元素的背景。特別是在深色背景上，它將非常有用。
有關詳細信息，請參閱檢測背景文檔
檢測背景
改進
- 改進了複製組件的響應能力
- 更新了 SVG 元素以盡可能使用“currentColor”，使它們更易於自定義
- 改進了樣式優化代碼以減少 CSS 輸出的大小
Bug修復
- 修復了高度和寬度計算的錯誤
2023 年 7 月 12 日
新功能和改進
您現在可以使用新的“複製整頁”功能複制整頁。
它將復制包含所有樣式的整頁並將其轉換為您選擇的格式。
有關詳細信息，請參閱文檔。
文檔
它將復制包含所有樣式的整頁並將其轉換為您選擇的格式。
有關詳細信息，請參閱文檔。
文檔
改進
- 改進了複製組件的響應能力
- 改進了樣式優化代碼以減少 CSS 輸出的大小
2023 年 7 月 3 日
改進和錯誤修復
改進
- 改進了 iframe 樣式複制
- 改進的邊界轉換
- 改進了樣式優化代碼以減少輸出的大小
Bug修復
- 修復了 JSX 轉換中的錯誤
- 修復了邊界半徑計算的錯誤
2023 年 6 月 25 日
改進和錯誤修復
改進
- 改進的邊界轉換
- 更新了字體大小邏輯
- 改進了樣式優化代碼以減少輸出的大小
Bug修復
- 修復了填充和邊距轉換中的錯誤
2023 年 6 月 12 日
改進和錯誤修復
改進
- 改進了樣式優化代碼以減少輸出的大小
- 改進列表轉換
- 改進的表格轉換
Bug修復
- 修復了網格轉換的錯誤
2023 年 6 月 6 日
新功能和改進
您現在可以將復制的內容轉換為 CSS。這是一個強烈要求的功能，我們很高興發布它！
這將使您能夠輕鬆地處理您的項目。
有關樣式格式之間的差異，請參閱文檔
文檔
這將使您能夠輕鬆地處理您的項目。
有關樣式格式之間的差異，請參閱文檔
文檔
改進
- 改進了樣式優化代碼以減少 Tailwind CSS 輸出的大小
- 改進列表轉換
- 改進的網格轉換
2023 年 5 月 27 日
改進和錯誤修復
改進
- 添加了複製 Tailwind CSS 代碼的鍵盤快捷鍵。您可以按“D”來複製該元素。
- 改進了 SVG 轉換
- 改進了樣式優化代碼以減少 Tailwind CSS 輸出的大小
Bug修復
- 修復了 JSX 轉換中的一個錯誤，該錯誤導致輸出包含不正確的字符串 感謝所有報告錯誤和問題的人！我們正在努力盡快修復它們。
2023 年 5 月 18 日
新功能和改進
您現在可以將復制的 HTML 轉換為 JSX！這是一項強烈要求的功能，我們很高興發布它。
這將使您能夠輕鬆地處理 NextJS 或 React 項目。
這將使您能夠輕鬆地處理 NextJS 或 React 項目。
改進
- 改進了樣式優化代碼以減少 Tailwind CSS 輸出的大小
2023 年 5 月 14 日
火狐發布 🦊
DivMagic 已在 Firefox 上發布！您現在可以在 Firefox 和 Chrome 上使用 DivMagic。
您可以在此處下載適用於 Firefox 的 DivMagic： Firefox
您可以在此處下載適用於 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 顏色