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 thử nghiệm theo nguyên gốc cho tính năng Tự động chuyển sang giao diện tối 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">

Hoặc bạn có thể chọn không sử dụng bằng cách đặt color-scheme: only light trên 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, giờ đây, bạn có thể hỗ trợ COLRv1, một sự phát triển của định dạng phông chữ COLRv0. Công cụ này thêm hiệu ứng chuyển màu, kết hợp và pha trộn, đồng thời cải thiện khả năng sử dụng lại hình dạng cho các tệp phông chữ sắc nét và nhỏ gọn, 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 đối với COLRv1 là 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ờ có tên là #force-major-version-to-100 sẽ thay đổi số phiên bản hiện tại thành 100, nhờ đó 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 còn nhiều tính năng khác.

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

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!

Chúng tôi đã lên kế hoạch cho các chế độ điều khiển lớp phủ cửa sổ trong Chrome 98, nhưng do phát hiện vấn đề vào phút cuối nên không thể đư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

Phần này chỉ đề cập đến một số điểm nổi bật chính. Hãy xem các đường liên kết bên dưới để biết thêm các thay đổi 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!