Nhật ký thay đổi

Tất cả những bổ sung và cải tiến mới nhất mà chúng tôi đã thực hiện cho DivMagic

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.

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

Cải tiến


Cải thiện hiệu suất của tiện ích mở rộng

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

Tính năng mới

Phiên bản này bao gồm một tính năng mới: Thư viện thành phần

Bây giờ bạn có thể lưu các phần tử đã sao chép của mình vào Thư viện thành phần. Điều này sẽ cho phép bạn truy cập các thành phần đã lưu của mình bất cứ lúc nào.
Bạn cũng có thể chia sẻ các thành phần của mình với người khác bằng cách chia sẻ liên kết Studio.

Bạn cũng có thể xuất các thành phần của mình sang DivMagic Studio trực tiếp từ Thư viện thành phần.Ngày 31 tháng 3 năm 2024

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.

Cải tiến

  • Đã 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

Cải tiến

  • 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

Sửa lỗi

  • Đã 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 24 tháng 2 năm 2024

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

Nếu tiện ích mở rộng không phản hồi sau khi tự động cập nhật, vui lòng gỡ cài đặt và cài đặt lại tiện ích mở rộng từ Cửa hàng Chrome trực tuyến hoặc Tiện ích bổ sung của Firefox.

Phiên bản này bao gồm nhiều tính năng mới: Hộp công cụ, Trình chỉnh sửa trực tiếp, Trang tùy chọn, Menu ngữ cảnh

Hộp công cụ sẽ bao gồm tất cả các công cụ bạn cần để phát triển web ở một nơi. Sao chép phông chữ, Bộ chọn màu, Trình xem lưới, Trình gỡ lỗi và hơn thế nữa.

Live Editor sẽ cho phép bạn chỉnh sửa phần tử được sao chép trực tiếp trong trình duyệt. Bạn có thể thực hiện các thay đổi đối với phần tử và xem trực tiếp các thay đổi.

Trang Tùy chọn sẽ cho phép bạn tùy chỉnh cài đặt tiện ích mở rộng. Bạn có thể thay đổi cài đặt mặc định và đặt tùy chọn của mình.

Menu ngữ cảnh sẽ cho phép bạn truy cập DivMagic trực tiếp từ menu chuột phải. Bạn có thể sao chép các phần tử hoặc khởi chạy hộp công cụ trực tiếp từ menu ngữ cảnh.

Hộp công cụ
Hộp công cụ bao gồm Chế độ kiểm tra, Sao chép phông chữ và Trình xem lưới. Chúng tôi sẽ bổ sung thêm nhiều công cụ hơn vào hộp công cụ trong tương lai.Hộp công cụ

Trình chỉnh sửa trực tiếp
Live Editor sẽ cho phép bạn chỉnh sửa phần tử được sao chép trực tiếp trong trình duyệt. Bạn có thể thực hiện các thay đổi đối với phần tử và xem trực tiếp các thay đổi. Điều này sẽ giúp việc thực hiện các thay đổi đối với phần tử được sao chép trở nên dễ dàng hơn.Trình chỉnh sửa trực tiếp

Trang tùy chọn
Trang Tùy chọn sẽ cho phép bạn tùy chỉnh cài đặt tiện ích mở rộng. Bạn có thể thay đổi cài đặt mặc định và đặt tùy chọn của mình.Trang tùy chọn

Danh mục
Menu ngữ cảnh sẽ cho phép bạn truy cập DivMagic trực tiếp từ menu chuột phải. Hiện tại nó có hai tùy chọn: Sao chép phần tử và Khởi chạy hộp công cụ.Danh mục

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.Ngày 20 tháng 12 năm 2023

Cải tiến

  • 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

Sửa lỗi

  • Đã 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 tiến

  • 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

Sửa lỗi

  • Đã 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.



Cải tiến

  • 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

  • Đã 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.
Tự động ẩn cửa sổ bật lênNgày 4 tháng 11 năm 2023
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.
Ngày 4 tháng 11 năm 2023Ngày 4 tháng 11 năm 2023

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ờ.

Cải tiến

  • 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
  • Tích hợp DevTools được cải thiện để xử lý nhiều tab đang mở

Sửa lỗi

  • Đã 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 Media Query

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.
Ngày 20 tháng 10 năm 2023Ngày 20 tháng 10 năm 2023

Cải tiến

  • Đã cải tiến việc sao chép kiểu để loại bỏ các kiểu không cần thiết
  • 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 tích hợp DevTools để sao chép kiểu nhanh hơn

Sửa lỗi

  • Đã 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. 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.
Ngày 12 tháng 10 năm 2023

Cải tiến

  • 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

  • Đã 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.
Tài liệu 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.
Ngày 20 tháng 9 năm 2023

Sửa lỗ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

Cải tiến

  • 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

  • Đã 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

Cải tiế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

  • Đã 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
Phát hiện nềnNgày 18 tháng 7 năm 2023

Cải tiế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

  • Đã 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.
Tài liệuNgày 12 tháng 7 năm 2023

Cải tiến

  • 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

Cải tiến

  • 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

  • Đã 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 tiến

  • 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

  • Đã 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

Cải tiến

  • 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

  • Đã 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
Tài liệuNgày 6 tháng 6 năm 2023

Cải tiến

  • 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

Cải tiến

  • Đã 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

Sửa lỗi

  • Đã 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.

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

Cải tiến

  • 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: Firefox

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

© 2024 DivMagic, Inc. Mọi quyền được bảo lưu.