Tính năng mới trong Chrome 98

Pete LePage

Dưới đây là những gì bạn cần phải biết:

Tôi là Pete LePage. Hãy cùng tìm hiểu những tính năng mới dành cho nhà phát triển trong Chrome 98.

Chọn không sử dụng giao diện tối tự động trên Android

Trong Chrome 96, chúng tôi đã bắt đầu bản dùng thử theo nguyên gốc cho Giao diện tối tự động trên Android.

Với tính năng này, nếu trang web của bạn có giao diện sáng và hệ điều hành của người dùng đang ở chế độ tối, thì trình duyệt sẽ áp dụng giao diện tối được tạo tự động cho trang web của bạn.

Nếu đã đăng ký thử nghiệm theo nguyên gốc và muốn chọn không sử dụng giao diện tối được tạo tự động cho một trang cụ thể, bạn có thể sử dụng thẻ meta.

<meta name="color-scheme" content="only light">

Bạn cũng có thể chọn không sử dụng bằng cách đặt color-scheme: only light trong phần tử :root.

:root {
  color-scheme: only light;
}

Tuy nhiên, ưu điểm chính của phương thức này là bạn có thể chọn không sử dụng trên cơ sở từng phần tử bằng cách áp dụng một kiểu cụ thể cho phần tử đó.

.only-light,
#my-element {
  color-scheme: only light;
}

Hãy xem phần Cách chọn không sử dụng Giao diện tối tự động trong bài viết Giao diện tối tự động trên Android để biết thông tin đầy đủ.

Hỗ trợ phông chữ COLRv1

Trong Chrome 98, hiện đã hỗ trợ COLRv1, một bước phát triển của định dạng phông chữ COLRv0. Tính năng này thêm độ dốc, tính năng kết hợp và phối màu, đồng thời cải thiện khả năng sử dụng lại hình dạng để có các tệp phông chữ sắc nét và nhỏ gọn, có khả năng nén tốt.

Phông chữ có màu giúp các điểm nổi bật, tiêu đề và biểu ngữ trở nên nổi bật.

Dòng tiêu đề sử dụng phông chữ COLRv1

Một trong những trường hợp sử dụng yêu thích của tôi cho COLRv1 có nghĩa là các biểu tượng cảm xúc nhất quán trên tất cả các nền tảng. Bạn không cần thay thế biểu tượng cảm xúc bằng tệp hình ảnh vì tệp phông chữ sẽ nhỏ hơn và dễ đưa vào trang hơn.

Tệp phông chữ sử dụng biểu tượng cảm xúc nhất quán

Chúng tôi đang tìm cách cải thiện tính năng phát hiện tính năng vì tính năng này chưa dễ dàng như mong đợi. Tuy nhiên, bạn cần chú ý đến vấn đề này.

Hãy xem bài viết Phông chữ vectơ chuyển màu COLRv1 trong Chrome 98 để biết thêm thông tin chi tiết và cách tạo phông chữ của riêng bạn.

Mô phỏng Chrome 100 trong chuỗi UA

Chỉ trong vài tháng nữa, chúng tôi sẽ ra mắt Chrome 100, phiên bản có số ba chữ số. Bạn nên kiểm tra mọi mã kiểm tra số phiên bản hoặc phân tích cú pháp chuỗi UA để đảm bảo mã đó xử lý được ba chữ số.

Có một cờ tên là #force-major-version-to-100. Cờ này sẽ thay đổi số phiên bản hiện tại thành 100, vì vậy, bạn có thể đảm bảo mọi thứ hoạt động như mong đợi.

Trang cờ Chrome làm nổi bật tuỳ chọn #force-major-version-to-100 mới

Và nhiều tính năng khác!

Tất nhiên là còn nhiều tính năng khác nữa.

Yêu cầu kiểm tra CORS hiện được gửi trước các yêu cầu mạng riêng tư cho các tài nguyên phụ, trong đó yêu cầu máy chủ mục tiêu cho phép rõ ràng.

Có một bản dùng thử theo nguyên gốc mới cho tính năng Chụp vùng, một API để cắt một bản âm thanh video tự quay. Lý tưởng để chia sẻ màn hình trong các ứng dụng hội nghị truyền hình để bạn không tạo hiệu ứng hình ảnh phản chiếu!

Các chế độ điều khiển lớp phủ cửa sổ đã được lên kế hoạch cho Chrome 98, nhưng do các vấn đề phát hiện được vào phút cuối, nên không được đưa vào. Chúng tôi vẫn đang nỗ lực để cải thiện tính năng này và dự kiến sẽ ra mắt trong vài bản phát hành tiếp theo.

Tài liệu đọc thêm

Nội dung này chỉ đề cập đến một số điểm nổi bật chính. Hãy truy cập các đường liên kết bên dưới để biết các thay đổi khác trong Chrome 98.

Đăng ký

Để luôn nắm bắt thông tin mới nhất, hãy đăng ký kênh YouTube dành cho nhà phát triển Chrome. Bạn sẽ nhận được thông báo qua email mỗi khi chúng tôi ra mắt video mới.

Tôi là Pete LePage. Ngay khi Chrome 99 được phát hành, tôi sẽ quay lại đây để giới thiệu cho bạn những tính năng mới trong Chrome!