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 12 năm 2022.
Bản phát hành trình duyệt ổn định
Vào tháng 12, Firefox 108 và Safari 16.2 đã 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.
Hỗ trợ các thuộc tính height và width của <source>
Firefox 108 hỗ trợ các thuộc tính height và width cho phần tử <source> khi phần tử này là phần tử con của phần tử <picture>. Các thuộc tính này chấp nhận chiều cao hoặc chiều rộng của hình ảnh (tính bằng pixel) dưới dạng một số nguyên không có đơn vị.
Hỗ trợ trình duyệt
- 90
- 90
- 108
- 15
Hàm CSS lượng giác
Firefox hiện cũng hỗ trợ các hàm lượng giác trong CSS – sin(), cos(), tan(), asin(), acos(), atan() và atan2().
Hỗ trợ đường cơ sở cuối cùng trong cả 3 công cụ
Ngoài một số bản sửa lỗi CSS, Safari 16.2 còn có tính năng căn chỉnh last baseline cho lưới CSS và bố cục flexbox, nghĩa là tính năng này hiện đã được hỗ trợ trong 3 công cụ chính của trình duyệt.
Dịch vụ so sánh giá (CSS) font-variant-alternates
Safari cũng hỗ trợ thêm các giá trị bổ sung cho thuộc tính CSS font-variant-alternates: annotation(value-name), character-variant(value-name), ornaments(value-name), styleset(value-name), phong cách(value-name), swash(value-name) cùng với quy tắc @font-feature-values liên kết.
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 beta mới là Firefox 109, Safari 16.3 và Chrome 109.
Tính năng mới duy nhất được liệt kê cho Safari 16.3 là bổ sung lệnh prefetch-src của Chính sách bảo mật nội dung (CSP). Ngoài ra, chúng tôi còn cung cấp một số bản sửa lỗi trong bản beta này.
Chrome 109 hỗ trợ MathML Core, một ngôn ngữ dùng để mô tả ký hiệu toán học có thể nhúng trong HTML và SVG.
Tính năng mới trong Chrome trên Android là Xác nhận thanh toán an toàn (SPC). Đây là một tiêu chuẩn web đề xuất cho phép khách hàng xác thực với công ty phát hành thẻ tín dụng, ngân hàng hoặc nhà cung cấp dịch vụ thanh toán khác bằng trình xác thực nền tảng. Trình xác thực này thường được kích hoạt bằng tính năng mở khoá màn hình của thiết bị, chẳng hạn như cảm biến vân tay.
Điểm mới dành cho Chrome trên Android là Hệ thống tệp riêng tư gốc (OPFS), một phần của API Truy cập hệ thống tệp trên Android. Dữ liệu này bao gồm tất cả nền tảng API Truy cập hệ thống tệp, trừ phương thức show{OpenFile, SaveFile, Directory}Picker() và tính năng tích hợp API kéo và thả.
Đối với CSS trong Chrome, chúng tôi có đơn vị độ dài lh. Đơn vị này tương đương với giá trị đã tính toán của thuộc tính chiều cao dòng trên phần tử mà thuộc tính này được sử dụng. Ngoài ra, thuộc tính hyphenate-limit-chars chỉ định số lượng ký tự tối thiểu trong một từ có dấu gạch nối.
Tại thời điểm viết và có thể do đang trong mùa lễ, nên ghi chú phát hành của Firefox chưa được cập nhật.
Tin tức khác
Bài đăng này đánh dấu ấn bản thứ 12 của loạt bài đăng trên blog này, mang đến cho bạn tuyển tập những nội dung thú vị xuất hiện trên trình duyệt mỗi tháng trong năm 2022. Tôi sẽ trở lại vào năm 2023 để tiếp tục chia sẻ một số điều thú vị xuất hiện trên nền tảng web mỗi tháng.
Nhiều tính năng đã bắt đầu xuất hiện trên các trình duyệt trong năm vừa qua, trong đó có nhiều tính năng được nhắc đến dưới dạng "bản sửa lỗi CSS" đã được đưa vào Interop năm 2022. Để biết thêm thông tin, hãy đọc báo cáo cuối năm của nhóm Chrome về sáng kiến trên nhiều trình duyệt này nhằm cải thiện một số vấn đề hàng đầu về khả năng tương tác trên nền tảng web.
Cuối cùng, đối với những người đọc bài đăng này, có phải là danh sách thông tin cập nhật này dựa trên dữ liệu về khả năng tương thích với trình duyệt MDN, do bạn bè của chúng tôi công bố tại MDN.
Một phần trong loạt video New to the web Series