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

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 vào tháng 6 năm 2025.

Rachel Andrew

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

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

Vào tháng 6 năm 2025, Firefox 140 và Chrome 138 đã 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.

Tách < và > trong các thuộc tính khi chuyển đổi tuần tự HTML

Cả Chrome 138 và Firefox 140 đều có thay đổi này để ngăn chặn các hành vi khai thác trong đó HTML được chuyển đổi tuần tự rồi chèn lại vào DOM. Thay đổi này cũng có trong bản Beta cho Safari 26. Tìm hiểu thêm về lý do cần thực hiện thay đổi này.

API làm nổi bật tuỳ chỉnh CSS

Firefox 140 triển khai CSS Custom Highlight API (API làm nổi bật tuỳ chỉnh CSS). Điều này cho phép bạn xác định và tạo kiểu cho các dải văn bản tuỳ ý trong tài liệu, tương tự như các phần tử giả CSS làm nổi bật khác như ::grammar-error.

Cũng như API JavaScript, tác phẩm này bao gồm phần tử giả ::highlight CSS, dùng để áp dụng kiểu cho phần được làm nổi bật đã đăng ký. Mặc dù tính năng này hiện có khả năng tương tác rộng rãi, nhưng một số vấn đề với phần tử giả ::highlight khiến tính năng này chưa hoàn toàn là Đường cơ sở.

Cookie Store API

Cookie Store API là một API không đồng bộ để quản lý cookie và được hỗ trợ từ Firefox 140. Hiện tại, tất cả trình duyệt đều hỗ trợ cơ bản cho API này. Tuy nhiên, hãy kiểm tra biểu đồ tương thích trên MDN để biết thông tin về các phần chưa tương tác được với nhau.

Xoá sự kiện thay đổi

Interop 2025 có một nội dung bị xoá trong năm nay. Các sự kiện đột biến cũ như DOMSubtreeModified, DOMNodeInserted và DOMNodeRemoved theo dõi các thay đổi đối với DOM và chạy lệnh gọi lại trình nghe sự kiện khi DOM thay đổi. Các sự kiện đột biến này không còn được dùng nữa mà thay vào đó là API MutationObserver, API này có hiệu suất cao hơn và ít gặp lỗi hơn.

Firefox 140 xoá các sự kiện này (đã bị xoá khỏi Chrome).

Hàm CSS trong Chrome 138

Chrome 138 bao gồm một bộ hàm CSS, một số hàm trong số này là mới đối với nền tảng, một số hàm khác trở thành Đường cơ sở khi được đưa vào Chrome.

Các hàm liên quan đến chữ ký abs() và sign() trở thành Baseline New (Đường cơ sở mới) có trong Chrome 138.

Mới xuất hiện trên nền tảng này là hàm nội suy – progress().

Chrome 138 cũng bao gồm sibling-index() và sibling-count(). Bạn có thể sử dụng các giá trị này dưới dạng số nguyên trong giá trị thuộc tính CSS để tạo kiểu cho các phần tử dựa trên vị trí của các phần tử đó trong số các phần tử đồng cấp hoặc tổng số phần tử đồng cấp.

Các API tích hợp sẵn về AI để dịch, phát hiện ngôn ngữ và tóm tắt

Chrome 138 bao gồm 3 API AI JavaScript tích hợp. API Trình dịch và Trình phát hiện ngôn ngữ cho phép bạn phát hiện ngôn ngữ mà văn bản được viết và dịch văn bản đó sang nhiều ngôn ngữ. Các tính năng này sử dụng mô hình AI nội bộ của trình duyệt và do đó, công việc này cũng diễn ra trên thiết bị.

API Tóm tắt cũng tóm tắt văn bản trên thiết bị bằng cách sử dụng mô hình AI nội bộ của trình duyệt.

Hỗ trợ hướng khung hình video trong WebCodecs

Chrome 138 cũng thêm các giá trị rotation: int và flip: bool vào nhiều giao diện liên quan đến video trong WebCodecs để nhà phát triển có thể làm việc với các nguồn khung có hướng.

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 bản phát hành đó được cung cấp cho mọi người. Các bản thử nghiệm beta mới là Firefox 141, Safari 26 và Chrome 139.

Safari 26 hứa hẹn sẽ là một bản phát hành đầy đủ tính năng cho trình duyệt. Đối với CSS, trình bổ trợ này hỗ trợ overflow-block và overflow-inline, ảnh động do cuộn điều khiển, định vị neo, hàm progress() CSS và nhiều tính năng khác. Ngoài ra, còn có tính năng hỗ trợ cho các API AudioEncoder và AudioDecoder, API URLPattern, API Thông tin xác thực kỹ thuật số, Loại đáng tin cậy và API tín hiệu WebAuthn.

Chrome 139 bao gồm các Hàm tuỳ chỉnh CSS, tạo hình góc và thuộc tính caret-animation. Ngoài ra, còn có API Web Speech trên thiết bị, tiện ích phạm vi ứng dụng web và lệnh gọi lệnh request-close.

Firefox 141 thêm đối số options.source cho showPopover() và togglePopover() để thiết lập mối quan hệ giữa một cửa sổ bật lên và phương thức gọi của cửa sổ đó. Trình bổ trợ này cũng hỗ trợ thuộc tính font-variant-emoji CSS.