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

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 11 năm 2024.

Ngày xuất bản: 27 tháng 11 năm 2024

Vào tháng 11 năm 2024, Firefox 133Chrome 131 đã 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.

WebCodecs API

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.

Browser Support

  • Chrome: 94.
  • Edge: 94.
  • Firefox: 133.
  • Safari: not supported.

Source

Thuộc tính WorkerNavigator permissions

Firefox 133 cũng hỗ trợ WorkerNavigator.permissions.

Browser Support

  • Chrome: 43.
  • Edge: 79.
  • Firefox: 133.
  • Safari: 16.4.

Source

Hộp lề @page

Chrome 131 hỗ trợ thêm các hộp lề trang khi in tài liệu trên web hoặc xuất tài liệu đó dưới dạng PDF.

Hộp lề @page cho phép bạn xác định nội dung trong vùng lề của trang, chẳng hạn như để cung cấp tiêu đề và chân trang tuỳ chỉnh, thay vì sử dụng tiêu đề và chân trang tích hợp sẵn do trình duyệt tạo.

Bộ đếm cũng được hỗ trợ để đánh số trang. Quy cách này xác định hai tên bộ đếm đặc biệt: page cho số trang hiện tại và pages cho tổng số trang.

Tìm hiểu thêm trong phần Thêm nội dung vào lề của các trang được in bằng CSS.

Browser Support

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

Hỗ trợ currentcolor trong cú pháp màu tương đối

Chrome 131 cho phép các màu tương đối trong CSS (sử dụng từ khoá from) sử dụng currentcolor làm cơ sở. Điều này cho phép bạn đặt màu bổ sung, dựa trên màu văn bản của một phần tử, cho đường viền, bóng hoặc nền của phần tử đó.

Phương thức Uint8Array

Firefox 133 thêm một số phương thức Uint8Array mới để dễ dàng chuyển đổi giữa base64- và các chuỗi và mảng byte được mã hoá bằng hex:

  • Uint8Array.fromBase64()Uint8Array.fromHex()
  • Uint8Array.prototype.setFromBase64()Uint8Array.prototype.setFromHex()
  • Uint8Array.prototype.toBase64()Uint8Array.prototype.toHex()

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 133.
  • Safari: 18.2.

Source

WebHID trên worker chuyên dụng

Chrome 131 bật WebHID bên trong ngữ cảnh worker chuyên dụng. Điều này cho phép bạn thực hiện các hoạt động I/O nặng và xử lý dữ liệu từ thiết bị HID trên một luồng riêng biệt, giúp giảm tác động đến hiệu suất trên luồng chính.

Browser Support

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

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 134, Safari 18.2Chrome 132. 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 tất cả thông tin chi tiết. Sau đây là một vài điểm nổi bật.

Safari 18.2 bao gồm các phương thức Uint8Array, được đề cập trước đó trong bài đăng này là đang phân phối trong Firefox và các mô tả lề @page đã phân phối trong Chrome trong tháng này. Có một danh sách các tính năng CSS mới, bao gồm cả tính năng hỗ trợ chuyển đổi chế độ xem trên nhiều tài liệu, ruby-aligntext-box-trim.

Chrome 132 hỗ trợ các từ khoá sideways-rlsideways-lr cho thuộc tính CSS writing-mode, các sự kiện bật/tắt cho <dialog> và phương thức bytes() cho giao diện RequestResponse.

Firefox 134 hiện chưa có nhiều thông tin chi tiết, tuy nhiên, có vẻ như trình duyệt này sẽ bao gồm cả Promise.try cũng có trong Safari 18.2 beta.