Nhật ký thay đổi

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

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

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

ngày 14 tháng 4 năm 2025

💡 🚀 cập nhật và cải tiến

• Các lớp CSS v4.0 được thêm vào. Divmagic sẽ không chuyển đổi các lớp CSS thành các lớp Tailwind V4.0 mới. Tất cả các lớp đuôi gió bao gồm các lớp từ các phiên bản đuôi trước đó được bao gồm trong logic chuyển đổi.
• logic trích xuất được cải tiến. Divmagic sẽ hoạt động tốt hơn đáng kể bây giờ so với các phiên bản cũ. Logic khai thác kiểu đã được viết lại từ đầu để cải thiện thời gian xử lý và độ chính xác.
• Nếu bạn thấy bất kỳ vấn đề nào trong logic trích xuất kiểu trong phiên bản mới, vui lòng cho chúng tôi biết tại Team@divmagic.com. Chúng tôi cảm ơn tất cả các bạn vì sự hỗ trợ liên tục của bạn về Divmagic!

20 tháng 9 năm 2024

✨ 🚀 Công cụ thước đo và tích hợp WordPress

• Tích hợp WordPress
• Chúng tôi đã thêm tích hợp WordPress Gutenberg, tính năng này sẽ cực kỳ hữu ích cho người dùng WordPress.
• Sau khi chọn một thành phần, bạn có thể nhấp vào nút 'Xuất sang WordPress'. Sau đó, truy cập WordPress Gutenberg và thành phần này sẽ hiển thị dưới dạng một khối trong trình chỉnh sửa.
• Công cụ thước kẻ
• Chúng tôi đã thêm công cụ Thước vào hộp công cụ. Điều này cho phép bạn xem chiều rộng/chiều cao của phần tử, cũng như lề và phần đệm, giúp sao chép chính xác các phần tử dễ dàng hơn.
• Giao diện người dùng nâng cao để có khả năng sử dụng tốt hơn
• Tối ưu hóa hiệu suất để sao chép phần tử nhanh hơn

Ngày 16 tháng 4 năm 2024

📈 🔧 Cải tiến và sửa lỗi

• Cải thiện việc tạo bản xem trước của các thành phần đã lưu. Một số thành phần không hiển thị bản xem trước chính xác.
• Đã sửa lỗi nút Lưu Thành phần không hoạt động.
• Chúng tôi biết rằng khi có nhiều tính năng được thêm vào, tiện ích mở rộng có thể ngày càng chậm hơn. Chúng tôi đang nỗ lực cải thiện hiệu suất của tiện ích mở rộng.

Ngày 8 tháng 4 năm 2024

✨ ⚡ Tính năng và cải tiến mới

• Phiên bản này bao gồm một tính năng mới: Xem trước trong Thư viện thành phần
• Bây giờ bạn có thể xem bản xem trước của các thành phần đã lưu trong Thư viện thành phần.
• Bạn cũng có thể truy cập trang tổng quan của mình trực tiếp từ tiện ích mở rộng.
• Cải thiện hiệu suất của tiện ích mở rộng

Ngày 15 tháng 3 năm 2024

💡 🚀 Các tính năng và cải tiến mới

• Phiên bản này bao gồm ba tính năng mới: Công cụ mới cho Hộp công cụ, Tùy chọn sao chép mới và Tự động hoàn thành cho Chế độ soạn thảo
• Công cụ Thrash cho Hộp công cụ
• Thras Tool sẽ cho phép bạn ẩn hoặc xóa các thành phần khỏi trang web.
• Tùy chọn sao chép mới
• Bây giờ bạn có thể sao chép HTML và CSS riêng biệt.
• Bạn cũng có thể lấy mã HTML và CSS được sao chép với các thuộc tính, lớp và ID HTML gốc.
• Tự động hoàn thành cho chế độ soạn thảo
• Tính năng Tự động hoàn tất sẽ đề xuất các thuộc tính và giá trị CSS phổ biến nhất khi bạn nhập.
• Đã thêm tùy chọn Xuất mã sang DivMagic Studio trực tiếp từ Tùy chọn sao chép
• Mã tối ưu hóa kiểu được cải tiến để giảm kích thước đầu ra
• Cải thiện khả năng phản hồi của kiểu được sao chép

Ngày 2 tháng 3 năm 2024

🆕 📈 🚢 Tính năng mới

• Đã thêm một công cụ mới vào hộp công cụ: Bộ chọn màu
• Bây giờ bạn có thể sao chép màu từ bất kỳ trang web nào và trực tiếp sử dụng chúng trong dự án của mình
• Hiện tại, tính năng này chỉ khả dụng trong tiện ích mở rộng của Chrome. Chúng tôi cũng đang nỗ lực thêm tính năng này vào tiện ích mở rộng của Firefox.

Ngày 26 tháng 2 năm 2024

📈 🔧 Cải tiến và sửa lỗi

• Mã tối ưu hóa kiểu được cải tiến để giảm kích thước đầu ra
• Cải thiện khả năng phản hồi của kiểu được sao chép
• Đã khắc phục lỗi trong đó một số kiểu CSS không được sao chép chính xác
• Đã sửa lỗi kiểu được sao chép không phản hồi nếu phần tử được sao chép từ iframe
• Cảm ơn tất cả các bạn đã báo cáo lỗi và sự cố! Chúng tôi đang nỗ lực khắc phục chúng càng sớm càng tốt.

Ngày 20 tháng 12 năm 2023

✨ ⚡ ⚙️ Các tính năng và cải tiến mới cũng như sửa lỗi

• Phiên bản này bao gồm bảng điều khiển được cập nhật cho Chế độ sao chép
• Bây giờ bạn có thể chọn phạm vi chi tiết bạn muốn sao chép khi sao chép một phần tử.
• Chúng tôi sẽ thêm nhiều tùy chọn hơn vào Chế độ sao chép để cung cấp cho bạn nhiều quyền kiểm soát hơn đối với thành phần được sao chép.
• Cải thiện tốc độ chuyển đổi
• Mã tối ưu hóa kiểu được cải tiến để giảm kích thước đầu ra
• Cải thiện khả năng phản hồi của kiểu được sao chép
• Đã khắc phục lỗi trong đó các thuộc tính CSS không cần thiết được đưa vào đầu ra
• Đã sửa lỗi bảng DivMagic không hiển thị trên một số trang web
• Cảm ơn tất cả các bạn đã báo cáo lỗi và sự cố! Chúng tôi đang nỗ lực khắc phục chúng càng sớm càng tốt.

Ngày 2 tháng 12 năm 2023

✨ 📈 🔧 Cải tiến và sửa lỗi

• Phiên bản này bao gồm các cải tiến về khả năng đáp ứng của kiểu được sao chép.
• Chúng tôi cũng đã thực hiện các cải tiến đối với mã tối ưu hóa kiểu để giảm kích thước đầu ra.
• Cải thiện chuyển đổi Webflow
• Mã tối ưu hóa kiểu được cải tiến để giảm kích thước đầu ra
• Cải thiện khả năng phản hồi của kiểu được sao chép
• Đã khắc phục lỗi trong đó các thuộc tính CSS không cần thiết được đưa vào đầu ra
• Cảm ơn tất cả các bạn đã báo cáo lỗi và sự cố! Chúng tôi đang nỗ lực khắc phục chúng càng sớm càng tốt.

Ngày 15 tháng 11 năm 2023

💡 📈 ⚙️ Các tính năng và cải tiến mới cũng như sửa lỗi

• Phiên bản này bao gồm một tính năng mới: Xuất sang DivMagic Studio
• Bây giờ bạn có thể xuất phần tử đã sao chép sang DivMagic Studio. Điều này sẽ cho phép bạn chỉnh sửa thành phần và thực hiện các thay đổi đối với thành phần đó trong DivMagic Studio.
• Mã tối ưu hóa kiểu được cải tiến để giảm kích thước đầu ra
• Cải thiện khả năng phản hồi của kiểu được sao chép
• Đã khắc phục lỗi trong đó các thuộc tính CSS không cần thiết được đưa vào đầu ra

Ngày 4 tháng 11 năm 2023

💡 ⚡ ⚙️ Các tính năng và cải tiến mới cũng như sửa lỗi

• Phiên bản này bao gồm một tính năng mới: Tự động ẩn cửa sổ bật lên
• Khi bạn bật Tự động ẩn cửa sổ bật lên khỏi cài đặt cửa sổ bật lên, cửa sổ bật lên của tiện ích mở rộng sẽ tự động biến mất khi bạn di chuyển chuột ra khỏi cửa sổ bật lên.
• Điều này sẽ giúp sao chép các phần tử nhanh hơn vì bạn sẽ không cần phải đóng cửa sổ bật lên bằng cách nhấp thủ công.
• Phiên bản này cũng bao gồm các thay đổi về vị trí của cài đặt. Định dạng Thành phần và Kiểu đã được chuyển sang Bộ điều khiển Sao chép.
• Chúng tôi cũng đã xóa tùy chọn Phát hiện màu nền. Nó được kích hoạt theo mặc định bây giờ.
• Mã tối ưu hóa kiểu được cải tiến để giảm kích thước đầu ra
• Cải thiện khả năng phản hồi của kiểu được sao chép
• Tích hợp DevTools được cải thiện để xử lý nhiều tab đang mở
• Đã khắc phục lỗi trong đó các tùy chọn không được lưu chính xác

Ngày 20 tháng 10 năm 2023

✨ 🚀 ⚙️ Các tính năng và cải tiến mới cũng như sửa lỗi

• Phiên bản này bao gồm một tính năng mới: Media Query CSS
• Bây giờ bạn có thể sao chép truy vấn phương tiện của phần tử bạn đang sao chép. Điều này sẽ làm cho kiểu được sao chép có tính phản hồi cao.
• Để biết thông tin chi tiết, vui lòng xem tài liệu trên Media Query CSS
• Phiên bản này cũng bao gồm một thay đổi mới. Nút Sao chép Toàn trang đã bị loại bỏ. Bạn vẫn có thể sao chép toàn bộ trang bằng cách chọn phần tử nội dung.
• Mã tối ưu hóa kiểu được cải tiến để giảm kích thước đầu ra
• Đã cải tiến việc sao chép kiểu để loại bỏ các kiểu không cần thiết
• Cải thiện tích hợp DevTools để sao chép kiểu nhanh hơn
• Đã sửa lỗi liên quan đến sao chép phần tử tuyệt đối và tương đối

Ngày 12 tháng 10 năm 2023

💡 🚀 🔧 Các tính năng và cải tiến mới cũng như sửa lỗi

• Phiên bản này bao gồm hai tính năng mới: Chế độ sao chép và lựa chọn phần tử gốc/con
• Chế độ sao chép sẽ cho phép bạn điều chỉnh phạm vi chi tiết bạn nhận được khi sao chép một phần tử.
• Vui lòng xem tài liệu để biết thêm thông tin về Chế độ sao chép.
• Việc lựa chọn Phần tử gốc/Con sẽ cho phép bạn chuyển đổi giữa các phần tử cha và phần tử con của phần tử bạn đang sao chép.
• Mã tối ưu hóa kiểu được cải tiến để giảm kích thước đầu ra
• Cải thiện phạm vi phủ sóng của lớp CSS Tailwind
• Cải thiện khả năng phản hồi của kiểu được sao chép
• Mã tối ưu hóa kiểu được cải tiến để giảm kích thước đầu ra
• Đã sửa lỗi tính toán vị trí phần tử
• Đã sửa lỗi tính toán kích thước phần tử

Ngày 20 tháng 9 năm 2023

🆕 ⚡ ⚙️ 🚢 Tính năng mới và sửa lỗi

• DivMagic DevTools đã được phát hành! Giờ đây, bạn có thể sử dụng DivMagic trực tiếp từ DevTools mà không cần khởi chạy tiện ích mở rộng.
• Bạn có thể sao chép các phần tử trực tiếp từ DevTools.
• Chọn một phần tử bằng cách kiểm tra nó và đi tới Bảng DivMagic DevTools, nhấp vào Sao chép và phần tử sẽ được sao chép.
• Để biết thêm thông tin, vui lòng xem tài liệu về DivMagic DevTools.
• Cập nhật quyền
• Với việc bổ sung DevTools, chúng tôi đã cập nhật các quyền của tiện ích mở rộng. Điều này cho phép tiện ích mở rộng thêm bảng DevTools một cách liền mạch trên tất cả các trang web bạn truy cập và trên nhiều tab.
• Ghi chú
• Khi cập nhật lên phiên bản này, Chrome và Firefox sẽ hiển thị cảnh báo cho biết tiện ích mở rộng có thể “đọc và thay đổi tất cả dữ liệu của bạn trên các trang web bạn truy cập”. Mặc dù cách diễn đạt này đáng báo động nhưng chúng tôi đảm bảo với bạn rằng:
• Truy cập dữ liệu tối thiểu: Chúng tôi chỉ truy cập dữ liệu tối thiểu cần thiết để cung cấp cho bạn dịch vụ DivMagic.
• Bảo mật dữ liệu: Tất cả dữ liệu được tiện ích mở rộng truy cập vẫn còn trên máy cục bộ của bạn và không được gửi đến bất kỳ máy chủ bên ngoài nào. Các phần tử bạn sao chép được tạo trên thiết bị của bạn và không được gửi đến bất kỳ máy chủ nào.
• Quyền riêng tư là trên hết: Chúng tôi cam kết bảo vệ quyền riêng tư và bảo mật của bạn. Để biết thêm chi tiết, bạn có thể xem Chính sách quyền riêng tư của chúng tôi.
• Chúng tôi đánh giá cao sự hiểu biết và tin tưởng của bạn. Nếu bạn có bất kỳ mối quan tâm hoặc câu hỏi nào, vui lòng liên hệ với nhóm hỗ trợ của chúng tôi.
• Đã sửa lỗi không lưu được cài đặt chuyển đổi

Ngày 31 tháng 7 năm 2023

🚀 🐛 Cải tiến và sửa lỗi

• Sao chép bố cục lưới được cải thiện
• Cải thiện phạm vi phủ sóng của lớp CSS Tailwind
• Cải thiện khả năng phản hồi của kiểu được sao chép
• Mã tối ưu hóa kiểu được cải tiến để giảm kích thước đầu ra
• Đã sửa lỗi sao chép phần tử tuyệt đối
• Đã sửa lỗi sao chép làm mờ nền

Ngày 20 tháng 7 năm 2023

📈 🔧 Cải tiến và sửa lỗi

• Mã tối ưu hóa kiểu được cải tiến để giảm kích thước đầu ra
• Đã sửa lỗi phát hiện nền

Ngày 18 tháng 7 năm 2023

⚡ ⚙️ Tính năng mới & Cải tiến & Sửa lỗi

• Bây giờ bạn có thể phát hiện nền của phần tử bạn đang sao chép bằng tính năng Phát hiện nền mới.
• Tính năng này sẽ phát hiện nền của phần tử thông qua phần tử gốc. Đặc biệt trên nền tối, nó sẽ rất hữu ích.
• Để biết thông tin chi tiết, vui lòng xem tài liệu về Phát hiện nền
• Cải thiện khả năng phản hồi của các thành phần được sao chép
• Đã cập nhật các phần tử SVG để sử dụng 'currentColor' khi có thể nhằm giúp chúng dễ tùy chỉnh hơn
• Mã tối ưu hóa kiểu được cải tiến để giảm kích thước đầu ra CSS
• Đã sửa lỗi tính toán chiều cao và chiều rộng

Ngày 12 tháng 7 năm 2023

⚡ Tính năng & cải tiến mới

• Bây giờ bạn có thể sao chép toàn bộ trang bằng tính năng Sao chép toàn trang mới.
• Nó sẽ sao chép toàn bộ trang với tất cả các kiểu và chuyển đổi nó sang định dạng bạn chọn.
• Để biết thông tin chi tiết, vui lòng xem tài liệu.
• Cải thiện khả năng phản hồi của các thành phần được sao chép
• Mã tối ưu hóa kiểu được cải tiến để giảm kích thước đầu ra CSS

Ngày 3 tháng 7 năm 2023

⚡ 🐛 Cải tiến và sửa lỗi

• Sao chép kiểu iframe được cải thiện
• Cải thiện chuyển đổi đường viền
• Mã tối ưu hóa kiểu được cải tiến để giảm kích thước đầu ra
• Đã sửa lỗi trong chuyển đổi JSX
• Đã sửa lỗi tính toán bán kính đường viền

Ngày 25 tháng 6 năm 2023

🚀 ⚙️ Cải tiến và sửa lỗi

• Cải thiện chuyển đổi đường viền
• Logic kích thước phông chữ được cập nhật
• Mã tối ưu hóa kiểu được cải tiến để giảm kích thước đầu ra
• Đã sửa lỗi trong phần đệm và chuyển đổi lề

Ngày 12 tháng 6 năm 2023

🚀 🔧 Cải tiến và sửa lỗi

• Mã tối ưu hóa kiểu được cải tiến để giảm kích thước đầu ra
• Cải thiện chuyển đổi danh sách
• Cải thiện chuyển đổi bảng
• Đã sửa lỗi trong chuyển đổi lưới

Ngày 6 tháng 6 năm 2023

🚀 Tính năng & cải tiến mới

• Bây giờ bạn có thể chuyển đổi bản sao sang CSS. Đây là một tính năng được yêu cầu cao và chúng tôi rất vui được phát hành nó!
• Điều này sẽ cho phép bạn làm việc trên các dự án của mình một cách dễ dàng.
• Để biết sự khác biệt giữa các Định dạng Kiểu, vui lòng xem tài liệu
• Mã tối ưu hóa kiểu được cải tiến để giảm kích thước đầu ra CSS của Tailwind
• Cải thiện chuyển đổi danh sách
• Cải thiện chuyển đổi lưới

Ngày 27 tháng 5 năm 2023

⚡ ⚙️ Cải tiến và sửa lỗi

• Đã thêm phím tắt để sao chép mã CSS Tailwind. Bạn có thể nhấn 'D' để sao chép phần tử.
• Cải thiện chuyển đổi SVG
• Mã tối ưu hóa kiểu được cải tiến để giảm kích thước đầu ra CSS của Tailwind
• Đã khắc phục lỗi trong chuyển đổi JSX trong đó đầu ra bao gồm chuỗi không chính xác
• Cảm ơn tất cả các bạn đã báo cáo lỗi và sự cố! Chúng tôi đang nỗ lực khắc phục chúng càng sớm càng tốt.

Ngày 18 tháng 5 năm 2023

⚡ Tính năng & cải tiến mới

• Bây giờ bạn có thể chuyển đổi HTML đã sao chép sang JSX! Đây là một tính năng được yêu cầu cao và chúng tôi rất vui được phát hành nó.
• Điều này sẽ cho phép bạn làm việc trên các dự án NextJS hoặc React một cách dễ dàng.
• Mã tối ưu hóa kiểu được cải tiến để giảm kích thước đầu ra CSS của Tailwind

Ngày 14 tháng 5 năm 2023

🚀 🦊 Bản phát hành Firefox

• DivMagic đã được phát hành trên Firefox! Bây giờ bạn có thể sử dụng DivMagic trên Firefox và Chrome.
• Bạn có thể tải xuống DivMagic cho Firefox tại đây:

Ngày 12 tháng 5 năm 2023

⚡ Cải tiến

• DivMagic đã được cài đặt hơn 100 lần trong 2 ngày qua! Cảm ơn bạn đã quan tâm và tất cả các phản hồi.
• Chúng tôi đang phát hành phiên bản mới với những cải tiến và sửa lỗi.
• Mã tối ưu hóa kiểu được cải tiến để giảm kích thước đầu ra CSS của Tailwind
• Cải thiện chuyển đổi SVG
• Cải thiện hỗ trợ biên giới
• Đã thêm hỗ trợ hình nền
• Đã thêm cảnh báo về iFrames (Hiện tại DivMagic không hoạt động trên iFrames)
• Đã sửa lỗi không áp dụng được màu nền

Ngày 9 tháng 5 năm 2023

📈 Khởi động DivMagic!

• Chúng tôi vừa ra mắt DivMagic! Phiên bản đầu tiên của DivMagic hiện đã có sẵn và sẵn sàng cho bạn sử dụng. Chúng tôi rất vui mừng được biết bạn nghĩ gì!
• Sao chép và chuyển đổi bất kỳ phần tử nào sang CSS Tailwind
• Màu sắc được chuyển đổi thành màu CSS Tailwind