Hãy khám phá một số tính năng thú vị có trên trình duyệt web ổn định và phiên bản thử nghiệm trong tháng 4 năm 2023.
Bản phát hành trình duyệt ổn định
Vào tháng 4 năm 2023, Firefox 112 và Chrome 112 trở nên ổn định. Hãy cùng xem điều này có ý nghĩa gì đối với nền tảng web.
Thuộc tính inert
Firefox 112 bao gồm thuộc tính chung inert. Thuộc tính này yêu cầu trình duyệt bỏ qua phần tử này, cho biết nội dung không nên có tính tương tác. Tính năng tự động gắn thẻ:
- Ngăn việc kích hoạt
clicksự kiện. - Ngăn không cho phần tử lấy tiêu điểm.
- Loại trừ phần tử và nội dung của phần tử đó khỏi cây hỗ trợ tiếp cận.
Thuộc tính này hiện có thể tương tác trong cả 3 công cụ.
Hàm gia tốc linear()
Hàm gia tốc linear() cho phép nội suy tuyến tính giữa một số điểm. Điều này cho phép tạo các hoạt ảnh phức tạp hơn chẳng hạn như hiệu ứng nảy lên và đàn hồi. Hàm này có trong Firefox 112.
Hỗ trợ trình duyệt
- 113
- 113
- 112
- 17,2
Lồng ghép của CSS
Chrome 112 bổ sung khả năng hỗ trợ cho CSS Nesting, một tính năng được nhiều nhà phát triển kỳ vọng. Thao tác này sẽ giới thiệu bộ chọn lồng mới >, dùng để lồng các quy tắc kiểu liên quan, theo cách quen thuộc với các nhà phát triển đã sử dụng bộ tiền xử lý trước:
.nesting {
color: hotpink;
> .is {
color: rebeccapurple;
> .awesome {
color: deeppink;
}
}
}
Dịch vụ so sánh giá (CSS) animation-composition
Chrome 112 cũng hỗ trợ animation-composition. Tìm hiểu cách hoạt động của thuộc tính này trong phần Chỉ định cách kết hợp nhiều hiệu ứng ảnh động với thành phần ảnh động.
Chế độ không có giao diện người dùng mới
Nếu bạn sử dụng chế độ Không có giao diện người dùng của Chrome, chẳng hạn như với Puppeteer, thì 112 sẽ cung cấp chế độ Không có giao diện người dùng hoàn toàn mới. Hãy tìm hiểu về tính năng này trong bản nâng cấp của chế độ Không có giao diện người dùng của Chrome.
Bản phát hành trình duyệt beta
Phiên bản trình duyệt beta cho phép 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 thích hợp để thử nghiệm các tính năng mới hoặc xoá bỏ những tính năng có thể ảnh hưởng đến trang web của bạn trước khi toàn thế giới ra mắt bản phát hành đó. Các phiên bản thử nghiệm mới là Firefox 113 và Chrome 113, với Safari 16.5 phiên bản thử nghiệm vẫn đang tiếp tục. 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, đây chỉ là một vài điểm nổi bật.
Firefox 113 bao gồm các hàm color(), lab(), lch(), oklab() và oklch(). Ngoài ra còn có hàm color-mix() từ CSS Color 5 và thuộc tính forced-color-adjust.
Firefox cũng bao gồm cú pháp nth-child of <selector>, cho phép bạn kiểm soát tốt hơn các phần tử bạn muốn chọn. Đọc thêm trong phần Kiểm soát thêm đối với các lựa chọn :nth-child() bằng cú pháp S.
Đối với CSS, Chrome 113 bao gồm các tính năng đa phương tiện overflow-inline, overflow-block và update. Cũng có trong hàm gia tốc linear() và kiểu image-set() không có tiền tố.
Chrome 113 cũng bao gồm WebGPU, phiên bản kế thừa cho các API đồ hoạ WebGL và WebGL 2 dành cho Web. Thư viện này cung cấp các tính năng hiện đại như điện toán GPU, tiếp cận phần cứng GPU ở mức hao tổn thấp hơn, khả năng kết xuất trên nhiều canvas trên một thiết bị đồ hoạ và hiệu suất tốt hơn, dễ dự đoán hơn.
Một phần trong loạt video New to the web Series