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

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 9 năm 2022.

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

Vào tháng 9, Firefox 105, Chrome 106Safari 16 đã trở nên ổn định. Điều này có nghĩa là bài đăng tháng 9 có rất nhiều điều thú vị dành cho nền tảng web.

Truy vấn vùng chứa

Safari 16 hỗ trợ thêm cho truy vấn vùng chứa, một tính năng hiện có trong 2 công cụ. Safari cũng hỗ trợ thêm cho các đơn vị truy vấn vùng chứa mới.

Hỗ trợ trình duyệt

  • 105
  • 105
  • 110
  • 16

Nguồn

Bố cục lưới

Safari đã ngừng hỗ trợ giá trị subgridgrid-template-columnsgrid-template-rows. Việc sử dụng giá trị này trên một lưới cũng là mục lưới có nghĩa là thay vì xác định các kênh mới, lưới sẽ sử dụng các kênh mà nó trải rộng qua thành phần mẹ.

Trên Safari hoặc Firefox, đầu trang và chân trang trong các thẻ này sẽ căn chỉnh vì các thẻ này là một lưới con của thẻ mẹ.

Hỗ trợ trình duyệt

  • 117
  • 117
  • 71
  • 16

Nguồn

Ngoài ra, trong Safari, đối với bố cục lưới là khả năng tạo ảnh động cho các đường theo lưới.

Hỗ trợ trình duyệt

  • 107
  • 107
  • 66
  • 16

Safari cũng hỗ trợ thêm cho offset-path, overscroll-behavior, text-Align-last và truy vấn nội dung nghe nhìn giải quyết.

API mã hoá

Firefox 105 hỗ trợ giao diện TextDecoderStreamTextEncoderStream của Encoding API.

Hỗ trợ trình duyệt

  • 71
  • 79
  • 105
  • 14,1

Nguồn

API Intl mới

API Quốc tế giúp hiển thị nội dung ở định dạng đã bản địa hoá và Chrome 106 bổ sung một loạt chức năng định dạng số mới.

Giống như các API quốc tế khác, điều này chuyển gánh nặng cho hệ thống – do đó, bạn không cần gửi hoặc duy trì mã bản địa hoá phức tạp cho mọi người dùng. API này biết vị trí ký hiệu tiền tệ, cách định dạng ngày và giờ hoặc tổng hợp danh sách.

Phương thức showPicker()

Safari 16 chứa phương thức showPicker(), cho phép một cách chuẩn hoá để hiển thị bộ chọn của trình duyệt bao gồm ngày, giờ, màu sắc và tệp. Bạn có thể tìm hiểu thêm về điều này trong phần hiển thị bộ chọn ngày, giờ, màu sắc và tệp của trình duyệt.

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 beta mới trong tháng này là Chrome 107, Safari 16.1Firefox 106.

Chrome 107 bao gồm khả năng tạo ảnh động cho các tuyến đường theo lưới. Tính năng này cũng đã được cung cấp trong Safari trong tháng này. Sau khi Chrome chuyển sang Chrome, trình duyệt sẽ hỗ trợ tính năng này trong cả 3 công cụ chính.

Ngoài ra, trong Chrome còn có một số tính năng bổ sung cho getDisplayMedia() nhằm ngăn chặn việc vô tình chia sẻ quá mức khi chia sẻ màn hình.

  • Tuỳ chọn displaySurface có thể cho biết rằng ứng dụng web ưu tiên cung cấp một loại nền tảng hiển thị cụ thể (thẻ, cửa sổ hoặc màn hình).
  • Tuỳ chọn surfaceSwitching cho biết liệu Chrome có cho phép người dùng tự động chuyển đổi giữa các thẻ dùng chung hay không.
  • Bạn có thể dùng tuỳ chọn selfBrowserSurface để ngăn người dùng chia sẻ thẻ hiện tại. Điều này giúp tránh hiệu ứng "hall of gương".
  • Tuỳ chọn systemAudio đảm bảo Chrome chỉ cung cấp bản ghi âm có liên quan cho người dùng.

Safari 16.1 bao gồm bản sửa lỗi bổ sung về khả năng hỗ trợ tiếp cận của display: contents, bản sửa lỗi cho đơn vị chiều cao khung nhìn động (dvh) và tính năng hỗ trợ cuộn đến các mảnh văn bản.

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