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

Khám phá một số tính năng thú vị đã ra mắt trong trình duyệt web phiên bản ổn định và thử nghiệm trong tháng 1 năm 2025.

Ngày phát hành: 29 tháng 1 năm 2025

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

Vào tháng 1 năm 2025, Firefox 134, Safari 18.3Chrome 132 đã 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.

Promise.try hiện là Đường cơ sở Mới có

Promise.try là một phương thức tiện lợi giúp việc xử lý lỗi cho các hàm gọi lại đồng bộ trở nên dễ dàng hơn. Tính năng này có trong Firefox 134, trở thành Điểm chuẩn mới có. Tìm hiểu thêm trong bài viết Promise.try hiện đã có trong Baseline mới.

Thuộc tính căn chỉnh CSS cho các phần tử có vị trí tuyệt đối

Ngoài ra, trong Firefox 134, các thuộc tính CSS align-selfjustify-self cùng với thuộc tính viết tắt CSS place-self hiện được hỗ trợ cho các phần tử được định vị tuyệt đối.

Browser Support

  • Chrome: 122.
  • Edge: 122.
  • Firefox: 134.
  • Safari: not supported.

Chế độ viết CSS theo chiều ngang

Thêm tính năng hỗ trợ từ khoá sideways-rlsideways-lr cho thuộc tính CSS writing-mode vào Chrome 132. sideways-rlsideways-lr rất hữu ích khi bạn muốn viết văn bản không phải CJK theo chiều dọc, khi bạn muốn hiển thị văn bản dọc cho mục đích thiết kế.

Browser Support

  • Chrome: 132.
  • Edge: 132.
  • Firefox: 43.
  • Safari: not supported.

Sửa lỗi hỗ trợ tính năng bật lên cho thiết bị di động

Safari 18.3 là bản phát hành khắc phục nhiều vấn đề về khả năng tương tác. Một vấn đề chính là cách khắc phục lỗi popover. Trước đây, việc chạm hoặc nhấp vào bên ngoài cửa sổ bật lên không đóng được cửa sổ đó trên iOS và iPadOS. Vấn đề này hiện đã được khắc phục.

Request.bytes()Response.bytes() là Ngày cơ sở Mới có

Chrome 132 thêm một phương thức bytes() vào giao diện RequestResponse của Fetch, phương thức này trả về một lời hứa phân giải bằng Uint8Array. Mặc dù RequestResponse có phương thức arrayBuffer(), nhưng bạn không thể đọc trực tiếp từ vùng đệm. Bạn phải tạo một thành phần hiển thị như Uint8Array để đọc dữ liệu này. Phương thức bytes() cải thiện tính công thái học của việc lấy phần thân của RequestResponse.

Browser Support

  • Chrome: 132.
  • Edge: 132.
  • Firefox: 128.
  • Safari: 18.

Source

API tư thế thiết bị

Chrome 132 bao gồm Device Posture API, được thiết kế để hỗ trợ khi thiết kế cho màn hình có thể gập lại. Phương thức triển khai này bao gồm một tính năng nội dung đa phương tiện CSS device-posture mới có thể dùng để phát hiện tư thế hiện tại của thiết bị. Ứng dụng này cũng bao gồm một giao diện JavaScript để phát hiện và phản ứng với các thay đổi về tư thế. Tư thế được xác định là:

  • continuous: Cho biết màn hình phẳng – có thể bao gồm cả thiết bị có thể gập lại khi đang được sử dụng ở chế độ phẳng và màn hình phẳng hoặc cong.
  • folded: Cho biết màn hình gập – có thể bao gồm cả thiết bị có thể gập lại đang được sử dụng ở tư thế sách hoặc máy tính xách tay.

Browser Support

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

WebAuthn Signal API

Chrome 132 cũng bao gồm WebAuthn Signal API. API này cho phép các bên phụ thuộc WebAuthn gửi thông tin về thông tin xác thực hiện có trở lại cho các nhà cung cấp dịch vụ lưu trữ thông tin xác thực để có thể cập nhật hoặc xoá thông tin xác thực không chính xác hoặc bị thu hồi khỏi nhà cung cấp và giao diện người dùng hệ thống.

Tìm hiểu thêm về Signal API cho khoá truy cập trên Chrome dành cho máy tính.

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 135Chrome 133. 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 số điểm nổi bật.

Chrome 133 là một bản phát hành thú vị cho CSS. Trong đó có hàm attr() nâng cao, truy vấn vùng chứa trạng thái cuộntext-box, text-box-trimtext-box-edge CSS.

Chrome 133 cũng bao gồm giao diện FileSystemObserver và một nguyên hàm DOM (Node.prototype.moveBefore) cho phép bạn di chuyển các phần tử xung quanh cây DOM mà không cần đặt lại trạng thái của phần tử.

Firefox 135 bao gồm tính năng phân tích cú pháp JSON với đề xuất nguồn, nhằm cung cấp các tính năng để giảm thiểu các vấn đề liên quan đến việc mất độ chính xác khi chuyển đổi các giá trị như số thực lớn và giá trị ngày giữa các giá trị JavaScript và văn bản JSON.