Điểm mới trong Chrome 88

Chrome 88 hiện đang bắt đầu ra mắt bản chính thức.

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à chụp ảnh tại nhà, hãy cùng tìm hiểu sâu hơn và xem có gì 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 Manifest V3 và bạn có thể tải các tiện ích đó lên Cửa hàng Chrome trực tuyến. Manifest V3 là một nền tảng tiện ích mới, giúp các tiện ích của Chrome trở nên an toàn, hiệu quả và tôn trọng quyền riêng tư hơn theo mặc định.

Ví dụ: chính sách 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 những rủi ro mà tiện ích có thể gây ra. Và sẽ cho phép bạn cập nhật tiện ích nhanh hơn.

Lớp này ra mắt trình chạy dịch vụ để thay thế cho trang nền. Vì trình chạy dịch vụ chỉ cư trú trong bộ nhớ khi cần, nên tiện ích sẽ sử dụng ít tài nguyên hệ thống hơn.

Ngoài ra, để mang lại cho người dùng khả năng giám sát và kiểm soát tốt hơn đối với cách các tiện ích sử dụng và chia sẻ dữ liệu của họ, trong bản phát hành trong tương lai, chúng tôi sẽ áp dụng một quy trình cài đặt mới cho phép người dùng giữ lại các quyền truy cập thông tin 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 toàn bộ thông tin chi tiết cũng như cách di chuyển tiện ích hiện tại sang Manifest V3.


Thuộc tính CSS aspect-ratio

Thông thường, chỉ một số phần tử có tỷ lệ khung hình, ví dụ như hình ảnh. Đối với các kiểu này, nếu chỉ chỉ định chiều rộng hoặc chiều cao, thì giá trị còn lại sẽ được tự động tính toán bằng cách sử dụ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 thực hiện hành vi tương tự.

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

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

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

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

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

Điều tiết nhiều đồng hồ bấm giờ JS được chuỗi

Chrome 88 sẽ điều tiết mạnh các đồng hồ hẹn giờ JavaScript chuỗi được liên kết cho các trang bị ẩn trong các điều kiện cụ thể. Việc 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ộ tính giờ thường được sử dụng trong trường hợp API khác sẽ hiệu quả và đáng tin cậy hơn.

Điều này khá phức tạp và không rõ ràng. Vì vậy, hãy xem bài viết của Jake Việc điều tiết mạnh các đồng hồ bấm giờ JS theo chuỗi bắt đầu từ Chrome 88 để biết thông tin chi tiết.

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

Giờ đây, bạn có thể sử dụng Play Billing trong phần 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 cách sử dụng Digital Merchandise API (API Hàng hoá kỹ thuật số) mới. Bản dùng thử này được cung cấp dưới dạng bản dùng thử theo nguyên gốc trong Chrome 88 trên Android và chúng tôi hy vọng bản dùng thử này sẽ mở rộng bản dùng thử theo nguyên gốc cho 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 trên Play và tạo sản phẩm kỹ thuật số trong Play Console. Sau đó, trong PWA, hãy thêm mã dùng thử theo nguyên gốc. Khi đó, bạn đã có thể thêm mã để kiểm tra các giao dịch mua hiện có, truy vấn các giao dịch mua hiện có và thực hiện 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 đi sâu hơn trong buổi trò chuyện tại Hội nghị Nhà phát triển Chrome – Tính năng mới cho các ứng dụng web trên Play hoặc xem docs.

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

Và tất nhiên còn nhiều lợi ích khác.

  • Để phù hợp với thay đổi trong tiêu chuẩn HTML, thẻ ký tự liên kết 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 gắn thẻ.
  • 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 đây có thể là vấn đề đối với 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 đó nghĩa là cùng một chuyển động vật lý, chậm hay nhanh, đều dẫn đến cùng một hướng xoay, mang lại trải nghiệm chơi tốt hơn và độ chính xác cao hơn.
  • addEventListener hiện chọn một Tín hiệu huỷ bỏ làm một lựa 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 dùng nữa.

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 những thay đổi khác trong Chrome 88.

Đăng ký

Nếu bạn muốn nắm bắt thông tin mới nhất về video, hãy đăng ký kênh YouTube dành cho Nhà phát triển Chrome của chúng tôi. 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 89 được phát hành, tôi sẽ sẵn sàng cho bạn biết -- Chrome có tính năng gì mới!