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 10 năm 2024.
Bản phát hành trình duyệt ổn định
Vào tháng 10 năm 2024, Firefox 131, Firefox 132, Safari 18.1 và Chrome 130 đã trở nên ổn định. Bài đăng này đề cập đến các tính năng mới được thêm vào nền tảng web.
Trợ giúp trình lặp đồng bộ
Firefox 131 bổ sung tính năng hỗ trợ cho trình trợ giúp trình lặp đồng bộ. Ví dụ: Iterator.prototype.forEach() và Iterator.prototype.map(). Những trình trợ giúp này cho phép các thao tác giống mảng trên biến lặp mà không cần tạo đối tượng mảng trung gian, bao gồm cả các tập dữ liệu rất lớn mà bạn không thể tạo mảng trung gian.
Mảnh văn bản
Ngoài ra, Firefox 131 còn hỗ trợ mảnh văn bản, cùng với phần tử giả CSS ::target-text
.
Cookie có trạng thái được phân vùng độc lập (CHIPS)
Firefox 131 bao gồm CHIPS cho phép bạn chọn cookie vào bộ nhớ được phân vùng bằng cách sử dụng lệnh partitioned
của tiêu đề HTTP Set-Cookie
.
Nội dung cập nhật về nội dung nghe nhìn
Trong bản phát hành Firefox thứ hai trong tháng 10, tất cả các tính năng đa phương tiện đều tham gia chương trình Baseline mới.
Firefox 132 bao gồm các phương thức requestVideoFrameCallback()
và cancelVideoFrameCallback()
của HTMLVideoElement
.
Ngoài ra còn có phương thức MediaStreamTrack.getCapabilities()
.
fetchPriority
API Mức độ ưu tiên tìm nạp cho biết mức độ ưu tiên tương đối của tài nguyên đối với trình duyệt. API này được hỗ trợ từ Firefox 132, tức là API hữu ích này hiện có sẵn trong Baseline New.
Tìm hiểu thêm trong bài viết Tối ưu hoá quá trình tải tài nguyên bằng Fetch Priority API.
Hỗ trợ đầy đủ box-decoration-break
Chrome 130 hỗ trợ đầy đủ và không có tiền tố cho thuộc tính CSS box-decoration-break
. Giá trị này bao gồm giá trị của clone
cho tính năng phân mảnh khối và nội tuyến.
Tìm hiểu thêm về thuộc tính này trong bài viết Thuộc tính box-decoration-break trong Chrome 130.
Quy tắc khai báo lồng nhau
Chrome 130 và Firefox 132 hỗ trợ CSS Nested Declarations (Tuyên bố lồng nhau của CSS). Điều này có nghĩa là CSS lồng nhau được phân tích cú pháp chính xác như giải thích trong phần Cải thiện tính năng lồng CSS bằng CSSNestedDeclarations
.
Hỗ trợ trình duyệt
Thuộc tính connected
nối tiếp trên web và sự kiện kết nối RFCOMM
Chrome 130 thêm thuộc tính SerialPort.connected
boolean.
Thuộc tính này trả về giá trị true nếu cổng nối tiếp được kết nối theo logic.
Với tính năng này, cổng nối tiếp Bluetooth RFCOMM sẽ điều phối các sự kiện này khi cổng được kết nối hoặc ngắt kết nối theo logic.
Tính năng này nhằm cho phép các ứng dụng phát hiện thời điểm có cổng nối tiếp RFCOMM Bluetooth mà không cần mở cổng.
Tìm hiểu thêm trong phần Nội dung cập nhật về Bluetooth RFCOMM trong Web Serial.
Hỗ trợ trình duyệt
Các bản sửa lỗi hỗ trợ tiếp cận trong Safari
Bản phát hành Safari 18.1 ra mắt nhanh chóng sau Safari 18 và khắc phục một số vấn đề về hỗ trợ tiếp cận, đáng chú ý là với display: contents
.
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 rộng rãi. Các bản thử nghiệm beta mới là Firefox 133 và Chrome 131. 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 toàn bộ thông tin chi tiết. Sau đây chỉ là một vài điểm nổi bật.
Firefox 133 hỗ trợ các giao diện ImageDecoder
, ImageTrackList
và ImageTrack
của WebCodecs API, cho phép giải mã hình ảnh từ luồng chính và luồng worker.
Firefox 133 cũng hỗ trợ
WorkerNavigator.permissions
.
Chrome 131 bao gồm tính năng kế thừa làm nổi bật CSS, trong đó các lớp giả lập làm nổi bật CSS, chẳng hạn như ::selection
và ::highlight
, kế thừa các thuộc tính của chúng thông qua chuỗi làm nổi bật giả lập, thay vì chuỗi phần tử.
Kết quả là một mô hình trực quan hơn để kế thừa các thuộc tính trong phần nổi bật.
Ngoài ra, Chrome 131 còn hỗ trợ các hộp lề @page
nội dung đa phương tiện được phân trang CSS,
để bạn có thể cung cấp tiêu đề và chân trang tuỳ chỉnh khi in từ web.