Đ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ị đã có mặt trên các trình duyệt web ổn định và thử nghiệm trong tháng 10 năm 2023.

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

Vào tháng 10 năm 2023, Firefox 119, Safari 17.1, Chrome 118Chrome 119 đã trở nên ổn định. Bài đăng này xem xét ý nghĩa của việc đó đối với nền tảng web.

Các tính năng JavaScript trong Firefox 119

Trong Firefox 119 là nhóm mảng JavaScript bằng các phương thức tĩnh Object.groupByMap.groupBy.

Hỗ trợ trình duyệt

  • 117
  • 117
  • 119
  • 17,4

Nguồn

Ngoài ra, trong Firefox 119 còn có các phương thức isWellFormed()toWellFormed() của String. Bạn có thể dùng các dữ liệu này để kiểm tra xem một chuỗi có chứa Unicode được định dạng đúng hay không và dọn dẹp một chuỗi theo Unicode được định dạng đúng. Các phương thức này hiện có thể tương tác trên 3 công cụ chính.

Hỗ trợ trình duyệt

  • 111
  • 111
  • 119
  • 16,4

Nguồn

Phần tử <search> HTML hiện có khả năng tương tác

Chrome 118 bao gồm phần tử <search>. Đây là một phần tử HTML mới đại diện cho các phần của tài liệu hoặc ứng dụng dùng để tìm kiếm hoặc lọc. Tính năng này hiện có thể tương tác trên 3 công cụ chính.

Hỗ trợ trình duyệt

  • 118
  • 118
  • 118
  • 17

Nguồn

Quy tắc theo chiều ngang bên trong một số phần tử được chọn

Hai phiên bản Chrome đã ra mắt vào tháng 10. Trong Chrome 119 là một nội dung bổ sung nhỏ cho các phần tử HTML <select>. Giờ đây, bạn có thể thêm một quy tắc theo chiều ngang giữa các tuỳ chọn hiển thị dưới dạng đường phân chia giữa các mục. Tìm hiểu thêm trong phần Chọn phần tử: nay đã có quy tắc theo chiều ngang.

Xác định phạm vi CSS

Chrome 118 chứa CSS có phạm vi với quy tắc @scope. Quy tắc này cung cấp cách để chọn các phần tử trong cây con của DOM. Hãy tìm hiểu thêm trong phần Giới hạn phạm vi tiếp cận của bộ chọn bằng CSS @scope at-rules.

Hỗ trợ trình duyệt

  • 118
  • 118
  • x
  • 17,4

Nguồn

CSS prefers-reduced-transparency

Chrome 118 có tính năng đa phương tiện prefers-reduced-transparency. Đây là một trong bộ tính năng cho phép bạn kiểm tra các lựa chọn ưu tiên do người dùng đặt trong thiết bị và phản hồi để đáp ứng nhu cầu của họ trong mã của bạn. Hãy tìm hiểu thêm về tính năng này trong phần CSS prefers-reduced-transparency.

Hỗ trợ trình duyệt

  • 118
  • 118
  • x

Nguồn

Cú pháp màu tương đối CSS

Trong Chrome 119 là một tính năng mới mạnh mẽ từ Màu CSS 5 — cú pháp màu tương đối. Thao tác này cho phép bạn lấy màu từ một màu khác bằng cách sử dụng bất kỳ hệ màu hoặc cú pháp nào bạn cần.

Thu gom rác WebAssembly (WasmGC)

Chrome 119 bao gồm WasmGC giúp làm việc với các ngôn ngữ thu thập rác như Kotlin, PHP hoặc Java nhanh hơn trong WebAssembly. Tìm tất cả thông tin chi tiết trong WebAssembly Garbage Thu thập (WasmGC) hiện được bật theo mặc định trong Chrome.

Bản phát hành trình duyệt thử nghiệm

Phiên bản trình duyệt beta cho phép 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 để kiểm thử các tính năng mới hoặc xoá bớt. Những tính năng này có thể ảnh hưởng đến trang web của bạn trước khi chúng tôi ra mắt bản phát hành đó. Các phiên bản beta mới là Firefox 120Safari 17.2. Những 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.

Safari 17.2 bao gồm nhiều tính năng mới. Đối với CSS, bạn có thể sử dụng API Đánh dấu tuỳ chỉnh CSS, các thuộc tính mask-border, thuộc tính counter-set và nhiều tính năng khác. Ngoài ra, chúng tôi còn sửa nhiều tính năng hiện có để cải thiện khả năng tương tác.

Đối với HTML, Safari 17.2 hỗ trợ thuộc tính name cho phần tử <details>. Ngoài ra, API Web cũng hỗ trợ tính năng Mức độ ưu tiên tìm nạp cũng như hình ảnh thích ứng hiện được bật trong <link rel=preload>.

Firefox 120 hỗ trợ thêm các đơn vị CSS rhrlh, text-wrap: balance và hàm light-dark().

Một phần của Loạt video mới dành cho web