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à thử nghiệm trong tháng 2 năm 2023.
Bản phát hành trình duyệt ổn định
Vào tháng 2 năm 2023, Firefox 110 và Chrome 110 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.
Truy vấn vùng chứa trong cả ba công cụ
Firefox 110 hỗ trợ truy vấn vùng chứa kích thước, cung cấp tính năng chính này trong cả ba công cụ.
Chữ cái đầu của CSS
Chrome 110 hỗ trợ thêm thuộc tính CSS initial-letter. Thuộc tính này thiết lập số lượng dòng mà một chữ cái đầu tiên phải bao gồm trong các dòng văn bản sau. Tìm hiểu thêm trong bài viết Kiểm soát chữ viết hoa bằng chữ cái đầu của CSS.
Lặp lại không đồng bộ ReadableStream
Firefox đã thêm tính năng hỗ trợ cho giao thức lặp lại không đồng bộ trong ReadableStream.
AudioContext.setSinkId()
Trong Chrome AudioContext.setSinkId đặt mã nhận dạng của thiết bị âm thanh dùng làm đầu ra. Điều này cho phép AudioContext định tuyến âm thanh đến thiết bị đầu ra đã kết nối mà người dùng chọn.
Tìm hiểu thêm về tính năng này trong bài đăng Thay đổi thiết bị đầu ra đích trong web Âm thanh.
Khung nội dung không có thông tin xác thực
Ngoài ra, trong Chrome, IFrame không thông tin xác thực cung cấp cho nhà phát triển cách tải tài liệu trong iframe của bên thứ ba bằng cách sử dụng ngữ cảnh mới và tạm thời. Iframe không thông tin xác thực là quá trình tổng quát hoá không có thông tin xác thực COEP để hỗ trợ iframe của bên thứ ba có thể không triển khai COEP. Thao tác này sẽ loại bỏ ràng buộc rằng các iframe của bên thứ ba phải hỗ trợ COEP để được nhúng vào trang COEP và sẽ bỏ chặn các nhà phát triển đang tìm cách áp dụng cách ly nhiều nguồn gốc.
Tìm hiểu thêm về iframe không có thông tin xác thực.
Hỗ trợ trình duyệt
- 110
- 110
- x
- x
Phiên bản ổn định ban đầu
Chrome 110 cũng đánh dấu một thay đổi trong lịch phát hành Chrome. Bản phát hành ổn định sớm sẽ ra mắt sớm hơn một tuần so với bản phát hành chung cho một tỷ lệ nhỏ người dùng. Bạn có thể tìm hiểu thêm về thay đổi này trong bài viết thay đổi về lịch phát hành từ Chrome 110.
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 111, Safari 16.4 và Chrome 111. 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 bổ sung tính năng hỗ trợ cho Hệ thống tệp riêng tư gốc (OPFS) khi sử dụng API Truy cập hệ thống tệp.
Chrome có tất cả các tính năng được mô tả trong CSS cấp màu 4. Tính năng này bao gồm 4 kiểu màu độc lập với thiết bị (lab, Oklab, lch và Oklch), hàm color() và không gian màu do người dùng xác định cho hiệu ứng chuyển màu và ảnh động. Ngoài ra, còn có hàm color-mix() trong CSS Màu 5.
Hãy đọc Hướng dẫn về màu sắc có độ phân giải cao cho CSS để tìm hiểu về các loại màu và không gian mới này.
Chrome cũng bao gồm View Transitions API (API Chuyển đổi khung hiển thị), cho phép chuyển đổi mượt mà trong Ứng dụng trang đơn (SPA). Tìm hiểu thêm trong tài liệu về Chuyển đổi khung hiển thị.
Ngoài ra, trong Chrome 111 cũng có DOM tối khai báo, một cách mới để triển khai và sử dụng shadow DOM trực tiếp trong HTML.
Safari 16.4 hứa hẹn sẽ là một bản phát hành lớn cho nền tảng này. Đối với CSS, bản phát hành này hỗ trợ các lớp giả :user-invalid và :user-valid, thuộc tính margin-trim, cú pháp phạm vi cho truy vấn phương tiện, đồng thời hỗ trợ thuộc tính CSS và giá trị API cũng như @property.
Safari cũng hỗ trợ Web Push và Huy hiệu API, cùng với một số Web API khác. Đây là một bản phát hành thực sự thú vị vì sẽ chứng kiến một số tính năng có khả năng tương tác.
Một phần trong loạt video New to the web Series