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

Pete LePage

Trong Chrome 75, chúng tôi đã thêm tính năng hỗ trợ cho:

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

Nhật ký thay đổi

Bài viết 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 khác trong Chrome 75.

Gợi ý cho ngữ cảnh canvas có độ trễ thấp

Việc vẽ trên màn hình bằng phần tử canvas yêu cầu trang phải đồng bộ hoá các bản cập nhật đồ hoạ với DOM. Đôi khi, quá trình đồng bộ hoá này có thể gây ra độ trễ. Ví dụ: trong ứng dụng vẽ, độ trễ dài hơn 50 mili giây có thể làm gián đoạn khả năng phối hợp tay và mắt, khiến người dùng khó sử dụng.

Gợi ý desynchronized, khi tạo ngữ cảnh canvas, sử dụng một đường dẫn mã khác, bỏ qua cơ chế cập nhật DOM thông thường. Gợi ý sẽ yêu cầu hệ thống bỏ qua quá trình kết hợp nhiều nhất có thể. Trong một số trường hợp, vùng đệm cơ bản của canvas được gửi trực tiếp đến bộ điều khiển hiển thị của màn hình. Việc này giúp giảm độ trễ do việc sử dụng hàng đợi trình kết hợp trình kết xuất gây ra.

Việc sử dụng gợi ý không đồng bộ rất đơn giản, bạn chỉ cần thêm desynchronized: true vào đối tượng tuỳ chọn khi tạo canvas.

const opts = { desynchronized: true };
const ctx = canvas.getContext('2d', opts);

Hãy xem bài viết của Joe về Hiệu ứng kết xuất có độ trễ thấp bằng gợi ý không đồng bộ để biết thêm thông tin chi tiết, bao gồm cả cách phát hiện tính năng cho hiệu ứng này.

Chia sẻ tệp bằng Web Share API

Web Share API cho phép bạn kết nối với dịch vụ chia sẻ do hệ điều hành cung cấp, giúp bạn dễ dàng chia sẻ trang web và ứng dụng với các ứng dụng khác đã cài đặt trên thiết bị của người dùng.

Trong Chrome 75, Web Share API hiện hỗ trợ tính năng chia sẻ tệp! Tôi đặc biệt hào hứng về điều này vì nó giúp các ứng dụng chia sẻ ảnh, video và nhiều nội dung khác dễ dàng hơn. Squoosh sẽ hỗ trợ tính năng này để chia sẻ một tệp sau khi bạn nén xong tệp đó. API Chia sẻ trên web hiện hỗ trợ việc chia sẻ tệp âm thanh, hình ảnh, video và tài liệu văn bản.

Tốt nhất bạn nên sử dụng tính năng phát hiện tính năng để xem liệu Web Share API có được hỗ trợ hay không, đồng thời sử dụng cơ chế truyền thống nếu không được hỗ trợ. Ngoài ra, bạn có thể sử dụng navigator.canShare để kiểm tra xem tính năng chia sẻ tệp có được hỗ trợ hay không.


const webShareAvailable = {
  links: 'share' in navigator,
  files: 'canShare' in navigator,
};

Nếu navigator.canShare trả về true, thì tính năng chia sẻ các tệp đó sẽ được hỗ trợ, vì vậy, bạn có thể gọi navigator.share và truyền một đối tượng có mảng tệp mà bạn muốn chia sẻ. Chrome sẽ mở trang chia sẻ của hệ thống và cung cấp cho bạn một danh sách các ứng dụng đã cài đặt mà bạn có thể chia sẻ tệp.

if (webShareAvailable.files) {
  const shareData = { files: filesArray };
  if (navigator.canShare(shareData)) {
    shareData.title = 'Squooshed files.';
    navigator.share(shareData)
      .then(...)
      .catch(...);
  } else {
    // File sharing not supported
  }
}

Hãy thử bản minh hoạ và xem bài viết Chia sẻ tệp bằng tính năng Chia sẻ trên web để biết thông tin chi tiết đầy đủ.

Dấu phân cách số

Các giá trị cố định dạng số hiện cho phép dấu gạch dưới (_, U+005F) làm dấu phân cách để dễ đọc hơn. Ví dụ: 1_000_000_000 sẽ được các phép toán diễn giải là tương đương với 1000000000.

Dấu gạch dưới chỉ có thể xuất hiện giữa các chữ số và không được phép sử dụng dấu gạch dưới liên tiếp. Vì vậy, các giá trị cố định như 3._14, _2.71 hoặc 1.6__2 là bất hợp pháp.

Google I/O 2019 đã kết thúc

Nếu bạn không tham dự I/O hoặc có thể đã tham dự và không xem tất cả các cuộc thảo luận, thì tất cả các cuộc thảo luận đều có trên kênh YouTube dành cho nhà phát triển Chrome, trong danh sách phát Web tại Google I/O 2019.

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

Tên tác giả ảnh