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.
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 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.
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.
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.