Điểm mới trong Chrome 88

Pete LePage

Chrome 88 hiện đang bắt đầu được triển khai phiên bản ổn định.

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

Tôi là Pete LePage, làm việc và quay video tại nhà. 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 88!

Tệp kê khai V3

Chrome 88 hiện hỗ trợ các tiện ích được tạo bằng Tệp kê khai V3 và bạn có thể tải các tiện ích đó lên Cửa hàng Chrome trực tuyến. Theo mặc định, Manifest V3 là một nền tảng tiện ích mới giúp các tiện ích Chrome an toàn, hiệu quả và tôn trọng quyền riêng tư hơn.

Ví dụ: quy trình này không cho phép mã được lưu trữ từ xa, giúp người đánh giá Cửa hàng Chrome trực tuyến hiểu rõ hơn về những rủi ro mà một tiện ích gây ra. Đồng thời, bạn có thể cập nhật tiện ích nhanh hơn.

Phiên bản này giới thiệu trình chạy dịch vụ để thay thế cho các trang ở chế độ nền. Vì trình chạy dịch vụ chỉ lưu trú trong bộ nhớ khi cần, nên các tiện ích sẽ sử dụng ít tài nguyên hệ thống hơn.

Ngoài ra, để giúp người dùng nắm rõ và kiểm soát tốt hơn cách các tiện ích sử dụng và chia sẻ dữ liệu của họ, trong một bản phát hành sau này, chúng tôi sẽ áp dụng quy trình cài đặt mới cho phép người dùng từ chối cấp các quyền nhạy cảm tại thời điểm cài đặt.

Hãy truy cập vào developer.chrome.com để biết thông tin chi tiết đầy đủ và cách di chuyển tiện ích hiện tại của bạn sang Manifest V3.


Thuộc tính aspect-ratio của CSS

Thông thường, chỉ một số phần tử có tỷ lệ khung hình, chẳng hạn như hình ảnh. Đối với các thành phần này, nếu chỉ chỉ định chiều rộng hoặc chiều cao, thì chiều còn lại sẽ được tự động tính toán bằng tỷ lệ khung hình nội tại.

<!-- Height is auto-computed from width & aspect ratio -->
<img src="..." style="width: 800px;">

Trong Chrome 88, thuộc tính aspect-ratio cho phép bạn chỉ định rõ ràng tỷ lệ khung hình, cho phép hành vi tương tự.

.square {
  aspect-ratio: 1 / 1;
}

Bạn cũng có thể sử dụng tính năng cải tiến dần để kiểm tra xem trình duyệt có hỗ trợ tính năng này hay không và áp dụng phương án dự phòng nếu cần. Sau đó, với bộ chọn not CSS 4 mới, bạn có thể làm cho mã của mình gọn gàng hơn một chút!

.square {
  aspect-ratio: 1 / 1;
}

@supports not (aspect-ratio: 1 / 1) {
  .square {
    height: 4rem;
    width: 4rem;
  }
}

Cảm ơn Jen Simmons đã thông báo rằng tính năng này được hỗ trợ trong Bản dùng thử kỹ thuật Safari mới nhất, nên chúng ta sẽ sớm thấy tính năng này trong Safari! Và hãy xem bản minh hoạ của Una để thấy cách hoạt động của tính năng này.

Điều tiết mạnh đồng hồ hẹn giờ JS theo chuỗi

Chrome 88 sẽ điều tiết mạnh các bộ hẹn giờ JavaScript theo chuỗi cho các trang ẩn trong một số điều kiện cụ thể. Điều này sẽ làm giảm mức sử dụng CPU, đồng thời giảm mức sử dụng pin. Có một số trường hợp đặc biệt mà việc này sẽ thay đổi hành vi, nhưng bộ hẹn giờ thường được sử dụng khi một API khác sẽ hiệu quả và đáng tin cậy hơn.

Đó là khá nhiều thuật ngữ và hơi mơ hồ, vì vậy, hãy xem bài viết của Jake Giới hạn nghiêm ngặt các bộ hẹn giờ JS theo chuỗi bắt đầu từ Chrome 88 để biết tất cả thông tin chi tiết.

Play Billing trong Hoạt động đáng tin cậy trên web

Giờ đây, bạn có thể sử dụng Play Billing trong Hoạt động đáng tin cậy trên web để bán hàng hoá kỹ thuật số và gói thuê bao bằng API Hàng hoá kỹ thuật số mới. Tính năng này hiện có dưới dạng bản dùng thử theo nguồn gốc trong Chrome 88 trên Android và chúng tôi dự kiến sẽ mở rộng bản dùng thử theo nguồn gốc sang ChromeOS trong bản phát hành tiếp theo.

Sau khi thiết lập tài khoản, hãy cập nhật Hoạt động đáng tin cậy trên web để bật tính năng thanh toán qua Play và tạo hàng hoá kỹ thuật số trong Play Console. Sau đó, trong PWA, hãy thêm mã thông báo dùng thử gốc và bạn đã sẵn sàng thêm mã để kiểm tra các giao dịch mua hiện có, truy vấn các giao dịch mua có sẵn và thực hiện các giao dịch mua mới.

// Get list of potential digital goods

const itemService =
  await window.getDigitalGoodsService("https://play.google.com/billing");

const details =
  await itemService.getDetails(['ripe_bananas', 'walnuts', 'pecans' ]);

Adriana và Andre trình bày chi tiết hơn trong bài nói chuyện tại Hội nghị nhà phát triển Chrome – Tính năng mới cho ứng dụng web trong Play hoặc xem tài liệu.

Và các dữ liệu khác

Và tất nhiên còn nhiều tính năng khác.

  • Để tuân thủ một thay đổi trong tiêu chuẩn HTML, các thẻ neo có target="_blank" giờ đây sẽ ngụ ý rel="noopener" theo mặc định, điều này giúp ngăn chặn các cuộc tấn công nhấn phím tab.
  • Hầu hết các hệ điều hành đều bật tính năng tăng tốc chuột theo mặc định, nhưng điều đó có thể gây ra vấn đề cho một số trò chơi. Trong Chrome 88, Pointer Lock API cho phép bạn tắt tính năng tăng tốc chuột. Điều đó có nghĩa là cùng một chuyển động thực tế, chậm hay nhanh, đều dẫn đến cùng một góc xoay, mang lại trải nghiệm chơi trò chơi tốt hơn và độ chính xác cao hơn.
  • Và addEventListener hiện lấy Tín hiệu huỷ làm tuỳ chọn. Việc gọi abort() sẽ xoá trình nghe sự kiện đó, giúp bạn dễ dàng tắt trình nghe sự kiện khi không cần thiết nữa.

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 88.

Đăng ký

Nếu muốn cập nhật video của chúng tôi, 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 89 đượ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!