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 2 năm 2024.
Bản phát hành trình duyệt ổn định
Vào tháng 2 năm 2024, Firefox 123 và Chrome 122 đã 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.
DOM bóng khai báo
Firefox 123 hỗ trợ thuộc tính shadowrootmode của phần tử <template>, nhờ đó hỗ trợ Declarative Shadow DOM.
Tính năng này hiện đã kết hợp với Baseline mới ra mắt vì có thể tương tác trên mọi trình duyệt chính.
Hỗ trợ trình duyệt
- 111
- 111
- 123
- 16,4
103 Gợi ý ban đầu: tải trước
Firefox 123 bao gồm mã trạng thái 103 Better Hints (Gợi ý sớm) để tải trước tài nguyên.
Hỗ trợ trình duyệt
- 103
- 103
- 123
- x
Thay đổi đối với 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 hiển thị ở lớp trên cùng.
Thông số kỹ thuật ban đầu của ::backdrop cho biết rằng thuộc tính này không kế thừa
từ bất kỳ phần tử nào và cũng không kế thừa từ đó. Điều này có nghĩa là ::backdrop không có quyền truy cập vào các thuộc tính tuỳ chỉnh đã 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 của phần tử gốc. Thay đổi này được triển khai trong Chrome 122.
Đọc thêm về các thay đổi đối với ::backdrop.
API bộ chứa bộ nhớ
Chrome 122 bao gồm Storage Buckets API (API Bộ chứa bộ nhớ). 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, sau đó dữ liệu nhóm có thể bị loại bỏ độc lập với dữ liệu được lưu giữ trong các bộ chứa khác.
Tìm hiểu thêm trong tài liệu về API Bộ chứa bộ nhớ.
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 beta có một 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 JavaScript Set
Chrome 122 triển khai các phương thức Set sau:
Các phương thức này đã được triển khai trong Safari từ phiên bản 17 và được triển khai trong Firefox Nightly.
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 124, Chrome 123 được phát hành trong tháng này và Safari 17.4 đ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. Dưới đây chỉ là một vài điểm nổi bật.
Chrome 123 có một số tính năng CSS mới. Hàm màu light-dark() giúp bạn dễ dàng điều chỉnh bảng phối màu theo lựa chọn ưu tiên của người dùng. Thuộc tính field-sizing cho phép các trường nhập văn bản tự động thay đổi. Chúng tôi có một tính năng nội dung đa phương tiện mới để kiểm thử 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 khoảng cách cho các ký tự dấu câu của Trung Quốc, Nhật Bản và Hàn Quốc (CJK) để điều chỉnh khoảng cách quá mức.
Vui lòng đọc thêm trong phần Giới thiệu 4 tính năng quốc tế mới cho CSS.
Trong bản beta Chrome 123 và Safari 17.4, align-content được hỗ trợ ở bố cục khối và bảng. Hãy đọc thông tin về thay đổi đối với align-content. Hãy 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 bố cục lưới hoặc bố cục linh hoạt, vì thuộc tính này sẽ bắt đầu gây ra tình trạng căn chỉnh nơi trước đây tính năng này không hoạt động trong bố cục khối.
Firefox 124 hỗ trợ thuộc tính content-visibility của CSS.
Thuộc tính này kiểm soát việc một phần tử có hiển thị nội dung của phần tử đó hay không, cho phép các trình duyệt bỏ qua việc hiển thị nội dung cho đến khi cần thiết.