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

Khám phá một số tính năng thú vị đã có phiên bản ổn định và phiên bản beta trình duyệt web trong tháng 2 năm 2024.

Vào tháng 2 năm 2024, Firefox 123Chrome 122 đã 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.

DOM bóng khai báo

Firefox 123 hỗ trợ thuộc tính shadowrootmode của <template> để hỗ trợ phần tử DOM tối khai báo. Tính năng này hiện tham gia chương trình Baseline mới, vì có khả năng tương tác trên tất cả các trình duyệt chính.

Hỗ trợ trình duyệt

  • 111
  • 111
  • 123
  • 16,4

Nguồn

103 Gợi ý ban đầu: tải trước

Firefox 123 bao gồm 103 Gợi ý ban đầu mã trạng thái để tải trước tài nguyên.

Hỗ trợ trình duyệt

  • 103
  • 103
  • 123
  • x

Các thay đổi đối với phương thức kế thừa ::backdrop của CSS

Phần tử giả CSS ::backdrop là một hộp có kích thước của khung nhìn, hiển thị ngay bên dưới bất kỳ phần tử nào được hiển thị ở lớp trên cùng. Thông số kỹ thuật ban đầu cho ::backdrop được chỉ định mà không kế thừa từ bất kỳ phần tử nào và không được kế thừa. Điều này có nghĩa là ::backdrop đã thực hiện không có quyền truy cập vào các thuộc tính tuỳ chỉnh được khai báo trên :root.

Thông số kỹ thuật đã được thay đổi để cho phép ::backdrop kế thừa các thuộc tính từ phần tử gốc. Thay đổi này được triển khai trong Chrome 122.

Đọc thêm về chính sách các thay đổi đối với ::backdrop.

API Bộ chứa lưu trữ

Chrome 122 có API Bộ chứa lưu trữ. API này cho phép các trang web sắp xếp dữ liệu trên thiết bị thành các nhóm, dữ liệu của nhóm có thể bị loại bỏ độc lập với dữ liệu được lưu trữ trong các bộ chứa khác.

Tìm hiểu thêm trong Tài liệu về API Bộ chứa lưu trữ.

Hỗ trợ trình duyệt

  • 122
  • 122
  • x
  • x

API Bảng nhớ tạm không đồng bộ: Đọc HTML chưa được dọn dẹp

Chrome 122 phiên bản beta bao gồm tuỳ chọn unsanitized trong phương thức read() của API Bảng nhớ tạm không đồng bộ để truy xuất định dạng HTML chưa được dọn dẹp.

Phương thức Set cho JavaScript

Chrome 122 triển khai các phương thức sau của Set:

Các phương pháp này đã được triển khai trong Safari, từ phiên bản 17, và đang ở Firefox Nightly.

Hỗ trợ trình duyệt

  • 122
  • 122
  • 127
  • 17

Nguồn

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

Phiên bản trình duyệt beta cung cấp cho bạn bản xem trước về những tính năng sẽ có trong phiên bản ổn định 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 có thể ảnh hưởng đến trang web của bạn trước khi toàn cầu nhận được bản phát hành đó. Mới phiên bản thử nghiệm Firefox 124, Chrome 123 sẽ được phát hành trong tháng này và Safari 17.4 đang diễn ra. 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. Xem bản phát hành để biết tất cả thông tin chi tiết. Đây chỉ là một vài điểm nổi bật.

Chrome 123 có một số tính năng mới của CSS. Hàm màu light-dark() giúp người dùng dễ dàng điều chỉnh bảng phối màu theo sở thích của người dùng. field-sizing cho phép các trường nhập dữ liệu văn bản tăng tự động. Có một phương tiện mới để thử nghiệm các ứng dụng đang hiển thị ở chế độ hình trong hình.

Thuộc tính text-spacing-trim áp dụng giới hạn thời gian cho tiếng Trung, tiếng Nhật, và ký tự dấu câu tiếng Hàn (CJK) để điều chỉnh dấu cách dư thừa. Đọc thêm trong Giới thiệu 4 tính năng quốc tế mới cho CSS.

Trong Chrome 123 và Safari 17.4 betas hỗ trợ cho align-content trong bố cục khối và bố cục bảng. Đọc về thay đổi thành align-content của Google. Kiểm tra trang web của bạn nếu bạn có thể đang sử dụng thuộc tính bên ngoài lưới bố cục linh hoạt vì nó sẽ bắt đầu gây ra tình trạng căn chỉnh ở vị trí trước đây thì không chức năng trong bố cục khối.

Firefox 124 có hỗ trợ cho CSS Thuộc tính content-visibility. Thuộc tính này kiểm soát việc một phần tử có hiển thị nội dung hay không, cho phép trình duyệt bỏ qua bước hiển thị nội dung cho đến khi cần.