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

Hãy khám phá một số tính năng thú vị trên trình duyệt web ổn định và phiên bản thử nghiệm trong tháng 8 năm 2023.

Vào tháng 8 năm 2023, Firefox 116, Firefox 117, Safari 16.6Chrome 116 đã trở nên ổn định. Bài đăng này sẽ xem xét ý nghĩa của điều đó đối với nền tảng web.

Firefox 116 hỗ trợ Audio Output Devices API trên tất cả các nền tảng, ngoại trừ Android. API này cho phép các ứng dụng web chuyển hướng đầu ra âm thanh đến tai nghe Bluetooth, loa ngoài hoặc thiết bị khác được cho phép, thay vì phải sử dụng trình duyệt hoặc chế độ mặc định cơ bản của hệ điều hành.

Hỗ trợ trình duyệt

  • x
  • x
  • 116
  • x

Nguồn

Chrome 116 có CSS Motion Path cho phép tạo ảnh động bất kỳ đối tượng đồ họa nào theo đường dẫn do nhà phát triển chỉ định. Điều này cho phép một số khả năng biến đổi mới cực kỳ hiệu quả, chẳng hạn như việc định vị bằng toạ độ cực (bằng hàm ray()) thay vì các toạ độ hình chữ nhật tiêu chuẩn mà hàm translate() sử dụng hoặc tạo ảnh động cho một phần tử dọc theo một đường dẫn đã xác định. Điều này giúp bạn dễ dàng xác định các hiệu ứng chuyển đổi không gian 2d phức tạp và đẹp mắt. Bạn có thể chỉ định đường dẫn dưới dạng circle(), ellipse(), rect(), inset(), xywh(), polygon(), ray()url().

Ngoài ra, trong Chrome 116 cũng có API hình trong hình tài liệu. Thao tác này sẽ bật một cửa sổ luôn ở trên cùng có thể được điền bằng các HTMLElement tuỳ ý. Đây là phần mở rộng dựa trên API HTMLVideoElement hiện có, chỉ cho phép đặt HTMLVideoElement vào cửa sổ Hình trong hình (PiP).

Hỗ trợ trình duyệt

  • 116
  • 116
  • x
  • x

Nguồn

Firefox 117 hỗ trợ CSS Nestingbộ chọn lồng &. Điều này cho phép lồng một quy tắc kiểu vào bên trong một quy tắc kiểu khác. Điều này giúp CSS Nesting có thể tương tác với nhau trong một cảnh báo, Safari và Chrome đã triển khai phiên bản cũ hơn của thông số kỹ thuật, phiên bản không cho phép lồng bộ chọn loại. Firefox đã triển khai phiên bản mới của thông số kỹ thuật này không yêu cầu bộ chọn lồng &. Bạn có thể xem ví dụ về cả hai phiên bản trong bài viết Sử dụng CSS Nesting.

Hỗ trợ trình duyệt

  • 120
  • 120
  • 117
  • 17,2

Nguồn

Bản phát hành trình duyệt beta

Phiên bản trình duyệt beta cho phép bạn xem trước những nội dung 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 xoá bỏ những tính năng có thể ảnh hưởng đến trang web của bạn trước khi toàn thế giới ra mắt bản phát hành đó. Các phiên bản thử nghiệm mới là Firefox 118Chrome 117. Safari 17 phiên bản beta vẫn đang diễn ra. 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, đây chỉ là một vài điểm nổi bật.

Vẫn chưa có nhiều thông tin cho bản phát hành Firefox tiếp theo. Tuy nhiên, Chrome 117 hứa hẹn một số tính năng thú vị. Ví dụ: một số tính năng CSS mới bật ảnh động nhập và thoát.

Giá trị subgrid cho grid-template-columnsgrid-template-rows được đưa vào Chrome 117, giúp tính năng này có khả năng tương tác.

Chrome 117 cũng có tính năng nhóm mảng JavaScript với các phương thức tĩnh Object.groupByMap.groupBy.

Safari 17 beta bao gồm thuộc tính popover, để thêm tính năng hỗ trợ cho API Popover.

Một phần trong loạt video New to the web Series