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

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 4 năm 2025.

Rachel Andrew

Ngày phát hành: 30 tháng 4 năm 2025

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

Vào tháng 4 năm 2025, Firefox 137, Firefox 138, Chrome 135 và Chrome 136 đã 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 trong một tháng có hai bản phát hành của Chrome và Firefox.

Băng chuyền xuất hiện trong Chrome

Một số tính năng đã có trong Chrome phiên bản 135 cho phép tạo băng chuyền và các trải nghiệm phân trang khác trên web.

Các phần tử giả ::scroll-button() và ::scroll-marker() cho phép bạn thêm các nút và điểm đánh dấu vào bất kỳ khu vực nào có thể cuộn trên trang web của mình, cung cấp các chế độ điều khiển điều hướng và một cách để cho người dùng biết họ đang ở đâu khi họ di chuyển qua băng chuyền.

Browser Support

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

Source

Phần tử giả ::column cho phép bạn tạo kiểu cho một mảnh cột.

Browser Support

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

Source

Thuộc tính interactivity chỉ định xem một phần tử và các phần tử con dạng cây phẳng (bao gồm cả các dòng văn bản) có bất động hay không.

Browser Support

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

Việc đặt một phần tử ở trạng thái trơ sẽ ảnh hưởng đến việc phần tử đó có thể được lấy làm tâm điểm, chỉnh sửa, chọn và tìm kiếm bằng tính năng tìm kiếm trong trang hay không. Điều này cũng ảnh hưởng đến việc thành phần hiển thị trong cây hỗ trợ tiếp cận hay không.

Bạn có thể tìm hiểu thêm trong phần Băng chuyền bằng CSS.

Các thuộc tính command và commandfor

Ngoài ra, Chrome 135 còn có các thuộc tính command và commandfor. Các thuộc tính này cải thiện và thay thế các thuộc tính popovertargetaction và popovertarget. Bạn có thể thêm các thuộc tính mới này vào các nút, cho phép trình duyệt giải quyết một số vấn đề cốt lõi liên quan đến tính đơn giản và khả năng hỗ trợ tiếp cận, đồng thời cung cấp chức năng phổ biến tích hợp sẵn.

Tìm hiểu thêm trong bài viết Giới thiệu command và commandfor.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: behind a flag.
  • Safari Technology Preview: supported.

Source

Hàm shape() của CSS

Hàm CSS shape() trong Chrome 135 dùng để xác định hình dạng cho các thuộc tính clip-path và offset-path. Tìm hiểu cách sử dụng tính năng này để cắt nội dung thích ứng. Hàm này đã được phát hành trong Safari 18.4 và cũng có trong Firefox Nightly. Hy vọng rằng hàm này sẽ sớm có trong Baseline New.

Browser Support

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

Source

Atomics.pause()

Firefox 137 bao gồm Atomics.pause(), giúp tính năng này có sẵn trong Baseline mới. Phương thức tĩnh này cung cấp một nguyên hàm chờ vi mô gợi ý cho CPU rằng phương thức gọi đang quay trong khi chờ quyền truy cập vào tài nguyên dùng chung. Điều này cho phép hệ thống giảm tài nguyên được phân bổ cho lõi (chẳng hạn như nguồn điện) hoặc luồng mà không cần tạo luồng hiện tại.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 137.
  • Safari: 18.4.

Source

CSS hyphenate-limit-chars

Firefox 137 cũng bao gồm thuộc tính CSS hyphenate-limit-chars. Thuộc tính này chỉ định độ dài từ tối thiểu để cho phép gạch nối từ, cũng như số ký tự tối thiểu trước và sau dấu gạch nối.

Browser Support

  • Chrome: 109.
  • Edge: 109.
  • Firefox: 137.
  • Safari: not supported.

Source

RegExp.escape

Phương thức tĩnh RegExp.escape đã ra mắt trên tất cả trình duyệt trong vòng vài tháng và trở thành Baseline Newly available (Cơ sở mới) khi ra mắt trong Chrome 136.

Phương thức này thoát mọi ký tự cú pháp biểu thức chính quy tiềm ẩn trong một chuỗi, trả về một chuỗi mới có thể được sử dụng một cách an toàn làm mẫu cố định cho hàm khởi tạo RegExp().

Browser Support

  • Chrome: 136.
  • Edge: 136.
  • Firefox: 134.
  • Safari: 18.2.

Source

Error.isError()

Phương thức tĩnh Error.isError() xác định xem giá trị được truyền có phải là Lỗi hay không. Tính năng này có trong Firefox 138. Mặc dù có hỗ trợ trình duyệt trong tất cả trình duyệt, nhưng tính năng này chưa được coi là Mới có sẵn theo đường cơ sở vì Safari hiện trả về false cho các thực thể DOMException.

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox: 138.
  • Safari: 18.4.

Source

API Trạng thái đăng nhập cho FedCM

Firefox 138 hỗ trợ API Trạng thái đăng nhập khi sử dụng API Quản lý thông tin xác thực liên kết (FedCM). Thuộc tính này dùng để đặt và kiểm tra xem người dùng trình duyệt có đăng nhập vào trình cung cấp danh tính hay không. Firefox 138 hỗ trợ giao diện NavigatorLogin, thuộc tính navigator.login và tiêu đề phản hồi HTTP Set-Login.

Browser Support

  • Chrome: 120.
  • Edge: 120.
  • Firefox: 138.
  • Safari: not supported.

Source

Tính toàn vẹn của Importmap

Trong Firefox 138, giá trị importmap của thuộc tính type của phần tử <script> hiện hỗ trợ khoá integrity. Điều này cho phép so khớp URL mô-đun ES được tham chiếu trong bản đồ nhập với siêu dữ liệu về tính toàn vẹn của các URL đó. Tính năng này hiện đã có trong Baseline mới.

Browser Support

  • Chrome: 127.
  • Edge: 127.
  • Firefox: 138.
  • Safari: 18.

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 139 và Safari 18.5.

Cho đến nay, bản thử nghiệm Safari 18.5 chỉ bao gồm một vài bản sửa lỗi sau bản phát hành lớn 18.4.

Tại thời điểm viết bài, Firefox chưa phát hành ghi chú phát hành, tuy nhiên, bản beta dường như bao gồm việc phân phối Temporal API, giúp Firefox trở thành trình duyệt đầu tiên phân phối phiên bản Date cải tiến này. Ngoài ra, việc triển khai <dialog> request.close() sẽ đưa phương thức này vào Baseline Newly available (Ngày cơ sở mới có).