Hãy khám phá một số tính năng thú vị trên trình duyệt web ổn định và phiên bản thử nghiệm trong tháng 7 năm 2022.
Bản phát hành trình duyệt ổn định
Vào tháng 7, Firefox 103 và Safari 15.6 đã trở nên ổn định, và nhờ đó, chúng ta có được khả năng tương tác trên một số tính năng CSS tuyệt vời.
Thuộc tính backdrop-filter
Firefox 103 bao gồm thuộc tính backdrop-filter dùng để áp dụng các hiệu ứng như làm mờ vùng phía sau một phần tử. Với giá trị này trong Firefox, giá trị này hiện có sẵn trong cả 3 công cụ, mặc dù Safari yêu cầu tiền tố -webkit.
Thuộc tính scroll-snap-stop
Firefox cũng đã triển khai thuộc tính scroll-snap-stop. Thuộc tính này cho phép bạn kiểm soát xem một phần tử cuộn có vượt qua các vị trí chụp nhanh có thể có (với giá trị mặc định là normal) hay phải bám nhanh vị trí đầu tiên (có giá trị always). Thuộc tính scroll-snap-stop hiện có trong cả 3 công cụ trình duyệt.
Safari 15.6 là một bản phát hành chủ yếu dành để giải quyết các vấn đề, tuy nhiên, phiên bản này có một tính năng CSS mới với lớp giả :modal. Tính năng này cũng đã được phát hành trong Firefox 103. Lớp giả :modal chọn một phần tử khi không thể tương tác với mọi nội dung bên ngoài phần tử đó cho đến khi phần tử bị đóng. Ví dụ: phần tử dialog được mở bằng showModal().
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 đó.
Do ngày phát hành chỉ nằm ngoài tháng, nên phiên bản beta mới duy nhất trong tháng 6 là Firefox 104.
Firefox 104 có trong Firefox 104 là CSS Font Loading API trong Web Workers và thuộc tính CSS animation-composition. API này xác định thao tác kết hợp được sử dụng khi nhiều ảnh động ảnh hưởng đồng thời đến cùng một thuộc tính.
Phiên bản beta của Safari 16 đã đề cập vào tháng trước cũng vẫn đang diễn ra.
Các tính năng beta này sẽ sớm ra mắt trên các trình duyệt ổn định.
Một phần trong loạt video New to the web Series