Hãy khám phá một số tính năng thú vị đã ra mắt trên trình duyệt web ổn định và thử nghiệm trong tháng 9 năm 2023.
Bản phát hành trình duyệt ổn định
Vào tháng 9 năm 2023, Firefox 118, Safari 17 và Chrome 117 đã trở nên ổn định. Bài đăng này sẽ xem xét ý nghĩa của điều đó đối với nền tảng web.
Giá trị subgrid cho grid-template-columns và grid-template-rows được đưa vào Chrome 117, giúp tính năng này có khả năng tương tác. Bạn có thể tìm hiểu thêm về lưới con trong bài viết Lưới con CSS.
Chrome cũng bao gồm 3 tính năng CSS mới để dễ dàng thêm vào và thoát ảnh động, đồng thời tạo hiệu ứng chuyển động mượt mà cho và từ phần tử có thể đóng ở lớp trên cùng, chẳng hạn như hộp thoại và cửa sổ bật lên. Bạn có thể tìm hiểu về thuộc tính transition-behavior, quy tắc @starting-style và thuộc tính overlay trong bài viết Bốn tính năng CSS mới để nhập và thoát ảnh động.
Chrome 117 cũng có tính năng nhóm mảng JavaScript bằng các phương thức tĩnh Object.groupBy và Map.groupBy.
Safari 17 bao gồm thuộc tính popover để thêm tính năng hỗ trợ cho API Popover.
Safari 17 và Firefox 118 có phần tử HTML <search>. Phần tử này đại diện cho các phần của trang hoặc ứng dụng có chứa nội dung giải trí cho nội dung tìm kiếm hoặc lọc.
Có nhiều tính năng CSS mới trong Safari 17, bao gồm cả
@counter-style.
Quy tắc này cho phép bạn xác định các kiểu bộ đếm nằm ngoài danh sách kiểu đã xác định trước. Tính năng này hiện có trong cả 3 công cụ.
Firefox 118 bao gồm một số hàm toán học CSS bổ sung: abs(), sign(), round(), mod(), rem(), pow(), sqrt(), hypot(), log() và exp().
Safari 17 cũng hỗ trợ hình ảnh HEIC/HEIF và JPEG XL.
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 119, Safari 17.1 và Chrome 118. 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.
Phần tử <search> (thông tin vận chuyển trong Firefox và Safari trong tháng này) cũng được đưa vào Chrome 118, có nghĩa là tính năng này sẽ nhanh chóng ra mắt trên cả ba công cụ.
Các phương thức tĩnh Object.groupBy và Map.groupBy là một phần của Firefox 119.
Chrome 118 bao gồm các kiểu trong phạm vi CSS có quy tắc @scope và các tính năng đa phương tiện mới với prefers-reduced-transparency và scripting.
Safari 17.1 hiện là một bản phát hành khắc phục một số vấn đề trên nền tảng.
Một phần trong loạt video New to the web Series