Điểm mới trên nền tảng web vào tháng 3

Khám phá một số tính năng thú vị đã ra mắt trong các trình duyệt web phiên bản ổn định và thử nghiệm trong tháng 3 năm 2025.

Rachel Andrew

Ngày xuất bản: 31 tháng 3 năm 2025

Bản phát hành trình duyệt ổn định

Vào tháng 3 năm 2025, Firefox 136, Chrome 134 và Safari 18.4 đã trở nên ổn định. Bài đăng này xem xét các tính năng mới được thêm vào nền tảng web.

Các lớp giả lập mới :has-slotted và :open

Firefox 136 hỗ trợ lớp giả :has-slotted, dùng để tạo kiểu cho các phần tử trong <template> có nội dung được thêm vào phần tử <slot> khi hiển thị thành phần web.

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox: 136.
  • Safari: not supported.

Source

Lớp giả :open cho phép bạn chọn bất kỳ phần tử nào hiện đang ở trạng thái mở. Điều này áp dụng cho các phần tử <details>, <dialog>, <input> có bộ chọn và các phần tử <select> khi hộp lựa chọn thả xuống đang mở.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 136.
  • Safari: not supported.

Source

Intl.DurationFormat

Firefox 136 cũng hỗ trợ Intl.DurationFormat. Điều này cho phép bạn định dạng thời lượng, tính đến ngôn ngữ. Tính năng này sẽ được tích hợp vào Baseline và bạn có thể tìm hiểu thêm trong phần Intl.DurationFormat hiện có trong Baseline mới.

Browser Support

  • Chrome: 129.
  • Edge: 129.
  • Firefox: 136.
  • Safari: 16.4.

Source

Giá trị plaintext-only của thuộc tính contenteditable

Một tính năng khác trở thành Đường cơ sở Mới có trong bản phát hành Firefox này là giá trị plaintext-only của thuộc tính toàn cục contenteditable. Hãy đọc về giá trị này trong phần Kết hợp giá trị thuộc tính "chỉ văn bản thuần tuý" contenteditable hiện có sẵn trong Baseline.

Browser Support

  • Chrome: 51.
  • Edge: ≤79.
  • Firefox: 136.
  • Safari: ≤13.1.

Chế độ viết ngang cho CSS

Safari 18.4 hỗ trợ writing-mode: sideways-rl và writing-mode: sideways-lr. Các giá trị này được dùng khi bạn muốn hiển thị văn bản theo chiều dọc vì lý do trình bày. Giờ đây, các chiến dịch này sẽ chuyển sang trạng thái Baseline Newly available (Chiến dịch cơ sở mới có sẵn).

Browser Support

  • Chrome: 132.
  • Edge: 132.
  • Firefox: 43.
  • Safari: 18.4.

Hàm shape() của CSS

Ngoài ra, trong Safari 18.4 còn có hàm shape() CSS, cho phép các hình dạng tuỳ ý thích ứng trong clip-path.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox Technology Preview: supported.
  • Safari: 18.4.

Source

ClipboardItem.support()

Safari 18.4 triển khai phương thức support() cho ClipboardItem(). Tính năng này cho phép bạn xem những định dạng được hỗ trợ trong các thao tác trên bảng nhớ tạm và hiện đã có trong Baseline New.

Browser Support

  • Chrome: 121.
  • Edge: 121.
  • Firefox: 127.
  • Safari: 18.4.

Source

Đóng nhẹ cho <dialog>

Một trong những tính năng thú vị của API Popover là hành vi đóng nhẹ. Hành vi này hiện là một phần của <dialog>, được triển khai trong Chrome 134, với thuộc tính closedby mới kiểm soát hành vi.

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox: not supported.
  • Safari: not supported.

Web Locks API hiện được hỗ trợ trong bộ nhớ dùng chung

Chrome 134 tích hợp Web Locks API vào Shared Storage. Điều này giúp ngăn chặn các trường hợp như khi việc đo lường phạm vi tiếp cận trên nhiều trang web có thể dẫn đến báo cáo trùng lặp, do các điều kiện tương tranh tiềm ẩn trong logic get() và set().

Bản phát hành trình duyệt beta

Các phiên bản trình duyệt beta cho bạn xem trước những tính năng sẽ có trong phiên bản ổn định tiếp theo của trình duyệt. Đây là thời điểm thích hợp để thử nghiệm các tính năng mới hoặc việc xoá những tính năng có thể ảnh hưởng đến trang web của bạn trước khi chúng được phát hành trên toàn thế giới. Các bản thử nghiệm beta mới là Firefox 137 và Chrome 135. Các bản phát hành này mang đến nhiều tính năng tuyệt vời cho nền tảng. Hãy xem ghi chú phát hành để biết tất cả thông tin chi tiết. Sau đây là một số điểm nổi bật.

Firefox 137 bao gồm phương thức tĩnh Math.sumPrecise. Phương thức này trả về tổng của một Iterable (chẳng hạn như một Mảng). Bản phát hành này cũng bao gồm Atomics.pause(). Phương thức này cung cấp gợi ý cho CPU rằng luồng hiện tại đang ở trạng thái khoá vòng lặp trong khi chờ quyền truy cập vào tài nguyên dùng chung.

Chrome 135 bao gồm một số tính năng CSS liên quan đến việc tạo băng chuyền. Tệp này cũng bao gồm các phần tử <select> có thể tuỳ chỉnh, cũng như các thuộc tính command và commandfor.