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

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

Rachel Andrew

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

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

Vào tháng 5 năm 2025, Firefox 139, Chrome 137 và Safari 18.5 đã 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 các bản phát hành này.

Temporal API

Firefox 139 là trình duyệt đầu tiên hỗ trợ API Temporal. Điều này giúp đơn giản hoá việc xử lý ngày và giờ trong nhiều tình huống, với các múi giờ và lịch tích hợp sẵn.

hidden=until-found và sự kiện beforematch

Firefox 139 cũng bao gồm thuộc tính HTML hidden="until-found" và sự kiện beforematch. Trạng thái until-found cho phép bạn ẩn nội dung của một phần tử cho đến khi người dùng tìm thấy nội dung đó (ví dụ: sử dụng tính năng "Tìm trong trang") hoặc bằng cách điều hướng mảnh. Sự kiện beforematch kích hoạt ngay trước khi thuộc tính hidden bị xoá

Phương thức requestClose()

Giờ đây, Baseline Mới có trong bản phát hành Firefox 139 là phương thức requestClose() của giao diện HTMLDialogElement.

Phương thức này khác với phương thức HTMLDialogElement.close() ở chỗ phương thức này sẽ kích hoạt sự kiện cancel trước khi kích hoạt sự kiện close.

reading-flow và reading-order của CSS

Chrome 137 phân phối reading-flow và reading-order. Thuộc tính CSS reading-flow kiểm soát thứ tự các phần tử trong bố cục flex, lưới hoặc khối hiển thị cho các công cụ hỗ trợ tiếp cận và cách các phần tử đó được lấy tiêu điểm bằng cách sử dụng các phương thức điều hướng tuần tự tuyến tính. Điều này giải quyết một vấn đề lâu nay với bố cục lưới và flex, trong đó thứ tự thẻ có thể bị ngắt kết nối với thứ tự sắp xếp các mục.

Thuộc tính CSS reading-order cho phép bạn ghi đè thứ tự của các mục trong vùng chứa luồng đọc theo cách thủ công. Để sử dụng thuộc tính này bên trong một lưới, flex hoặc vùng chứa khối, hãy đặt giá trị reading-flow trên vùng chứa thành source-order và đặt reading-order của từng mục thành một giá trị số nguyên.

Để tìm hiểu thêm, hãy đọc bài viết Sử dụng luồng đọc CSS để điều hướng tiêu điểm tuần tự hợp lý.

Hàm if() của CSS

Ngoài ra, trong Chrome 137, hàm if() CSS cung cấp một cách ngắn gọn để thể hiện các giá trị có điều kiện. Phương thức này chấp nhận một loạt cặp điều kiện-giá trị, được phân tách bằng dấu chấm phẩy. Hàm này đánh giá từng điều kiện theo trình tự và trả về giá trị liên kết với điều kiện đúng đầu tiên. Nếu không có điều kiện nào đánh giá là đúng, hàm sẽ trả về một luồng mã thông báo trống.

Document-Isolation-Policy

Trong Chrome 137, Document-Isolation-Policy cho phép một tài liệu tự bật crossOriginIsolation mà không cần triển khai COOP hoặc COEP, bất kể trạng thái crossOriginIsolation của trang. Chính sách này được hỗ trợ bằng tính năng tách quy trình. Ngoài ra, tài nguyên phụ không phải CORS nhiều nguồn gốc sẽ được tải mà không cần thông tin xác thực hoặc cần có tiêu đề CORP.

Thông báo đẩy trên web theo cách khai báo

Safari 18.5 chủ yếu là bản phát hành sửa lỗi, tuy nhiên, bản phát hành này cũng thêm tính năng Đẩy web khai báo vào macOS, một tính năng hiện chỉ có trong Safari. Tìm hiểu thêm về tính năng này trong bài viết Giới thiệu về tính năng Đẩy web khai báo trên blog WebKit.

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 140 và Chrome 138.

Firefox 140 bao gồm một tập hợp con của Cookie Store API, một phương thức quản lý cookie hiện đại, không đồng bộ, dựa trên Lời hứa, có thể được sử dụng trong cả luồng chính và trong worker dịch vụ.

Chrome 138 bao gồm một số API AI tích hợp sẵn – API Tóm tắt, API Trình phát hiện ngôn ngữ và API Dịch.

Ngoài ra, trong Chrome 138 còn có một số tính năng CSS, bao gồm cả từ khoá định cỡ stretch, và các hàm sibling-index() và sibling-count().