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 10 năm 2023.
Bản phát hành trình duyệt ổn định
Vào tháng 10 năm 2023, Firefox 119, Safari 17.1, Chrome 118 và Chrome 119 đã trở nên ổn định. Bài đăng này sẽ tìm hiểu ý nghĩa của điều đó đối với nền tảng web.
Các tính năng JavaScript trong Firefox 119
Trong Firefox 119 là nhóm mảng JavaScript bằng các phương thức tĩnh Object.groupBy và Map.groupBy.
Ngoài ra trong Firefox 119 là các phương thức isWellFormed() và toWellFormed() của String. Bạn có thể dùng các phương thức này để kiểm tra xem một chuỗi có chứa Unicode được định dạng đúng hay không, cũng như để dọn dẹp một chuỗi thành Unicode được định dạng đúng. Các phương thức này hiện có khả năng tương tác trên 3 công cụ chính.
Phần tử HTML <search> hiện có khả năng tương tác
Chrome 118 bao gồm phần tử <search>, một phần tử HTML mới đại diện cho các phần của tài liệu hoặc ứng dụng được dùng để tìm kiếm hoặc lọc. Tính năng này hiện có thể tương tác trên 3 công cụ chính.
Quy tắc ngang bên trong phần tử đã chọn
Hai phiên bản Chrome đã ra mắt vào tháng 10. Trong Chrome 119 là một phần bổ sung nhỏ cho các phần tử HTML <select>. Giờ đây, bạn có thể thêm quy tắc ngang giữa các tuỳ chọn
hiển thị dưới dạng phần phân chia giữa các mục. Tìm hiểu thêm trong Chọn phần tử: nay có các quy tắc theo chiều ngang.
Phạm vi của CSS
Chrome 118 bao gồm CSS trong phạm vi có quy tắc @scope. Quy tắc này cung cấp cách chọn các phần tử trong cây con của DOM. Hãy tìm hiểu thêm trong bài viết Giới hạn phạm vi tiếp cận của bộ chọn bằng thuộc tính @scope tại quy tắc của CSS.
Hỗ trợ trình duyệt
- 118
- 118
- x
- 17,4
CSS Preferencess-reduced-transparency
Chrome 118 có tính năng đa phương tiện prefers-reduced-transparency. Đây là một trong những bộ tính năng cho phép bạn kiểm tra các lựa chọn ưu tiên do người dùng đặt trên thiết bị của họ và phản hồi để đáp ứng nhu cầu của họ trong mã của bạn. Hãy tìm hiểu thêm về tính năng trong phần CSS ưu tiên-reduced-transparency.
Cú pháp màu tương đối của CSS
Trong Chrome 119 là một tính năng mới mạnh mẽ từ CSS Color 5 – cú pháp màu tương đối. Việc này cho phép bạn lấy màu từ một màu khác, bằng cách sử dụng hệ màu hoặc cú pháp bất kỳ bạn cần.
Thu thập rác của WebAssembly (WasmGC)
Chrome 119 tích hợp WasmGC để giúp làm việc với các ngôn ngữ thu thập rác như Kotlin, PHP hoặc Java nhanh hơn trong WebAssembly. Tìm tất cả thông tin chi tiết trong WebAssembly Garbage Collection (OncemGC) nay được bật theo mặc định trong Chrome.
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 120 và Safari 17.2. 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.
Safari 17.2 bao gồm nhiều tính năng mới. CSS hỗ trợ API Làm nổi bật tuỳ chỉnh của CSS, các thuộc tính mask-border, thuộc tính counter-set và nhiều tính năng khác. Ngoài ra, có rất nhiều bản sửa lỗi cho các tính năng hiện có để cải thiện khả năng tương tác.
Đối với HTML, Safari 17.2 hỗ trợ thuộc tính name cho phần tử <details>. Ngoài ra, tính năng Mức độ ưu tiên tìm nạp và hình ảnh thích ứng hiện đã được hỗ trợ trong <link rel=preload>.
Firefox 120 bổ sung tính năng hỗ trợ cho các đơn vị rh và rlh CSS, text-wrap: balance và hàm light-dark().
Một phần trong loạt video New to the web Series