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

Hãy khám phá một số tính năng thú vị đã xuất hiện trên trình duyệt web ổn định và thử nghiệm trong tháng 4 năm 2024.

Vào tháng 4 năm 2024, Firefox 125Chrome 124 trở nên ổn định. Bài đăng này đề cập đến các tính năng mới được thêm vào nền tảng web.

4 tính năng mới sẽ có trong Baseline

Firefox 125 bổ sung 4 tính năng mới vào Baseline mới có sẵn. API Popover, Intl.Segmenter, align-content cho bố cục khối, cũng như các giá trị content-boxstroke-box cho transform-box.

API Popover

API Popover cho phép bạn tạo nhiều loại cửa sổ bật lên không theo phương thức. Các phần này bao gồm chú giải công cụ, trình đơn, cửa sổ thông báo ngắn tuỳ chỉnh bật lên và nhiều nội dung khác. Cửa sổ bật lên bao gồm nhiều chức năng tích hợp sẵn mà trước đây bạn phải viết JavaScript. Tìm hiểu thêm trong API Popover sẽ chuyển đến cơ sở.

Hỗ trợ trình duyệt

  • 114
  • 114
  • 125
  • 17

Nguồn

Intl.Segmenter

Intl.Segmenter bật tính năng phân đoạn văn bản nhạy cảm cục bộ. Ví dụ: cho phép bạn phân tách các từ trong những ngôn ngữ không phân tách các từ bằng dấu cách. Hãy xem cách hoạt động của tính năng này trong Đối tượng Intl.Segmenter hiện đã có trong Baseline.

Hỗ trợ trình duyệt

  • 87
  • 87
  • 125
  • 14,1

Nguồn

align-content cho bố cục dạng khối

Thuộc tính align-content hiện được hỗ trợ trong tất cả công cụ chính cho bố cục khối. Điều này có nghĩa là bạn có thể căn chỉnh hướng theo khối mà không cần tạo bố cục linh hoạt hoặc bố cục lưới trên thành phần mẹ. Hãy xem ví dụ trong phần Thuộc tính nội dung căn chỉnh cho bố cục khối hiện có trong Đường cơ sở .

Hỗ trợ trình duyệt

  • 123
  • 123
  • 125
  • 17,4

Dịch vụ so sánh giá (CSS) transform-box

Cuối cùng, trong Firefox 125 là các giá trị của content-boxstroke-box cho thuộc tính transform-box. Giá trị content-box sử dụng hộp nội dungstroke-box hộp giới hạn nét vẽ có chứa hình dạng của SVG.

Hỗ trợ trình duyệt

  • 118
  • 118
  • 125
  • 13,1

API WebSocketStream

API WebSocketStream tích hợp Luồng WhatWG với API WebSocket và có sẵn trong Chrome 124. Tìm hiểu thêm trong bài viết WebSocketStream: tích hợp luồng với API WebSocket.

Hỗ trợ trình duyệt

  • 124
  • 124
  • x
  • x

setHTMLUnsafeparseHTMLUnsafe

Chrome 124 cũng bao gồm các phương thức setHTMLUnsafeparseHTMLUnsafe, cho phép bạn sử dụng DOM tối khai báo từ JavaScript. Các phương thức này cũng cung cấp một cách dễ dàng hơn để phân tích cú pháp HTML vào DOM vào DOM, so với innerHTML hoặc DOMParser.

Hỗ trợ trình duyệt

  • 124
  • 124
  • 123
  • 17,4

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 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 tuyệt vời để thử nghiệm hoặc xoá bỏ những tính năng mới có thể ảnh hưởng đến trang web của bạn trước khi cả thế giới nhận được bản phát hành đó. Các phiên bản thử nghiệm mới là Firefox 126, Safari 17.5Chrome 125. 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. Dưới đây chỉ là một vài điểm nổi bật.

Safari 17.5 có hàm màu light-dark(). Hàm này sẽ trở thành Baseline New Sẵn sàng sau khi phiên bản 17.5 ổn định.

Trong chương trình Baseline mới có các hàm giá trị được tăng cường CSS. Chrome 125 bao gồm round(), mod()rem().

Chrome 125 cũng bao gồm API Tính áp lực và tính năng định vị neo CSS.

Firefox 126 bao gồm API Khóa chế độ thức màn hình, cung cấp một tính năng khác của Baseline mới có sẵn.