Hãy khám phá một số tính năng thú vị xuất hiện trên trình duyệt web ổn định và phiên bản thử nghiệm trong tháng 1 năm 2023.
Bản phát hành trình duyệt ổn định
Vào tháng 1 năm 2023, Firefox 109, Chrome 109 và Safari 16.3 đã 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.
MathML
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. Bản phát hành này có nghĩa là MathML hiện có thể tương tác trên tất cả các công cụ chính.
Sự kiện scrollend
Firefox 109 triển khai scrollend
. Sự kiện này là một cách đáng tin cậy để xác định rằng một lượt cuộn đã hoàn tất. Tìm hiểu thêm về sự kiện này (cũng đang được triển khai trong Chrome) trong bài viết Scrollend, một sự kiện JavaScript mới.
Đơn vị độ dài CSS lh
và hyphenate-limit-chars
Đố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 line-height
trên phần tử sử dụng thuộc tính này.
Hỗ trợ trình duyệt
- 109
- 109
- 120
- 16,4
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.
Hỗ trợ trình duyệt
- 109
- 109
- x
- x
Chính sách bảo mật nội dung (CSP) prefetch-src
Safari 16.3 chủ yếu là bản phát hành sửa lỗi và giải quyết một số vấn đề về kích thước CSS. Tính năng mới duy nhất được liệt kê trong phần ghi chú là bổ sung lệnh prefetch-src
của Chính sách bảo mật nội dung (CSP).
Các tính năng dành cho Chrome trên Android
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ả.
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 110 và Chrome 110.
Chrome 110 bao gồm thuộc tính CSS initial-letter
. Thuộc tính này cung cấp một cách để thiết lập số lượng dòng mà chữ cái đầu tiên cần nằm trong văn bản. 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.
Ngoài ra, đối với CSS trong Chrome 110 là lớp giả :picture-in-picture
. Việc này giúp bạn có cách nhắm mục tiêu và tuỳ chỉnh trình phát nội dung đa phương tiện khi video chuyển sang và thoát khỏi chế độ hình trong hình.
Chrome có phương thức setSinkID()
của API AudioContext
. Phương thức này cung cấp một cách để thay đổi thiết bị âm thanh đích khi sử dụng Âm thanh trên web.
Firefox 110 bao gồm Truy vấn vùng chứa kích thước, sẽ mang lại cho chúng tôi khả năng tương tác trên ba công cụ trình duyệt chính cho tính năng được chờ đợi từ lâu này.
Một phần trong loạt video New to the web Series