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

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.

Vào tháng 10 năm 2024, Firefox 131, Firefox 132, Safari 18.1Chrome 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()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.

Hỗ trợ trình duyệt

  • Chrome: 122.
  • Edge: 122.
  • Firefox: 131.
  • Safari: không được hỗ trợ.

Nguồn

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.

Hỗ trợ trình duyệt

  • Chrome: 89.
  • Edge: 89.
  • Firefox: 131.
  • Bản xem trước công nghệ Safari: được hỗ trợ.

Nguồn

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.

Hỗ trợ trình duyệt

  • Chrome: 114.
  • Edge: 114.
  • Firefox: 131.
  • Safari: không được hỗ trợ.

Nguồn

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()cancelVideoFrameCallback() của HTMLVideoElement.

Hỗ trợ trình duyệt

  • Chrome: 83.
  • Edge: 83.
  • Firefox: 132.
  • Safari: 15.4.

Nguồn

Ngoài ra còn có phương thức MediaStreamTrack.getCapabilities().

Hỗ trợ trình duyệt

  • Chrome: 59.
  • Cạnh: 12.
  • Firefox: 132.
  • Safari: 11.

Nguồn

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ợ trình duyệt

  • Chrome: 102.
  • Cạnh: 102.
  • Firefox: 132.
  • Safari: 17.2.

Nguồn

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.

Hỗ trợ trình duyệt

  • Chrome: 130.
  • Edge: 130.
  • Firefox: 32.
  • Safari: 7.

Nguồ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

  • Chrome: 130.
  • Cạnh: 130.
  • Firefox: 132.
  • Safari: không được hỗ trợ.

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

  • Chrome: 130.
  • Edge: không được hỗ trợ.
  • Firefox: không được hỗ trợ.
  • Safari: không được hỗ trợ.

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 133Chrome 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, ImageTrackListImageTrack 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::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.