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 kỹ hơn và xem 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 một 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ý bản dùng thử 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ể, thì bạn có thể 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 trên phần tử :root.

:root {
  color-scheme: only light;
}

Nhưng ư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 cho 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 đầy đủ thông tin chi tiết.

Hỗ trợ phông chữ COLRv1

Chrome 98 hiện đã hỗ trợ cho COLRv1, một phiên bản phát triển của định dạng phông chữ COLRv0. Công cụ này thêm độ dốc, 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, có thể nén tốt.

Phông chữ màu giúp các điểm nổi bật, dòng tiêu đề và biểu ngữ thực sự 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 COLRv1 yêu thích của tôi 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 nỗ lực tìm cách cải thiện khả năng phát hiện tính năng vì bước này chưa dễ như mọi khi. Tuy nhiên, bạn cần chú ý đến vấn đề này.

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

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

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

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

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

Và nhiều kiến thức khác!

Tất nhiên, vẫn còn nhiều lý do khác.

Giờ đây, các yêu cầu kiểm tra cơ sở dữ liệu CORS sẽ đượ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 quyền rõ ràng từ máy chủ mục tiêu.

Chúng tôi đã có bản dùng thử theo nguyên gốc mới cho Region Capture (Chụp ảnh khu vực), một API dùng để cắt bản video tự chụp. Tính năng này rất lý tưởng cho tính năng chia sẻ màn hình trong các ứng dụng hội nghị truyền hình, nhờ đó, bạn sẽ không phải tạo hiệu ứng hội trường!

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

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

Bài viết này chỉ bao gồm một số điểm nổi bật chính. Hãy truy cập vào các đường liên kết bên dưới để biết thêm các thay đổi khác trong Chrome 98.

Đăng ký

Để 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 và ngay sau khi Chrome 99 được phát hành, tôi sẽ sẵn sàng cho bạn biết các tính năng mới của Chrome!