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 có gì 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ỉ bao gồm một số điểm nổi bật chính, hãy truy cập các đường liên kết bên dưới để biết thêm về những thay đổi 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 đồng bộ hóa nội dung cập nhật đồ họa với DOM. Quá trình đồng bộ hoá này đôi khi có thể gây ra độ trễ. Ví dụ: trong một ứng dụng vẽ, độ trễ dài hơn 50 mili giây có thể ảnh hưởng đế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 nhiều thao tác kết hợp 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. Điều này giúp loại bỏ độ trễ gây ra do việc sử dụng hàng đợi của trình kết hợp kết xuất.

Việc sử dụng gợi ý đã huỷ đồng bộ hoá 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ề Kết xuất độ trễ thấp bằng gợi ý đã huỷ đồng bộ hoá để 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 nó.

Chia sẻ tệp bằng API Chia sẻ web

Web Share API (API Chia sẻ web) 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 dễ dàng chia sẻ trang web và ứng dụng với các ứng dụng khác đã được cài đặt trên thiết bị của người dùng.

Trong Chrome 75, API Chia sẻ web hiện hỗ trợ tính năng chia sẻ tệp! Tôi đặc biệt hào hứng với tính năng này vì tính năng này 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ợ thêm tính năng này để chia sẻ tệp sau khi bạn nén xong. Web Share API 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 là bạn nên sử dụng tính năng phát hiện tính năng để xem API Chia sẻ web có được hỗ trợ hay không và sử dụng lại cơ chế truyền thống nếu không được hỗ trợ. Và bạn có thể 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, 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ùng với mảng tệp bạn muốn chia sẻ. Chrome sẽ mở trang chia sẻ hệ thống và cung cấp cho bạn danh sách các ứng dụng đã cài đặt để 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 dùng 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 toàn bộ thông tin chi tiết.

Dòng phân cách số

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 tách để giúp chúng dễ đọc hơn. Ví dụ: 1_000_000_000 sẽ được diễn giải bằng các phép toán 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à các dấu gạch dưới liên tiếp không được phép. Vì vậy, các giá trị cố định như 3._14, _2.71 hoặc 1.6__2 là không hợp lệ.

Tổng kết Google I/O 2019

Nếu bạn chưa tới I/O hoặc có thể đã đến cũng như không xem hết các buổi trò chuyện, thì tất cả đều có mặt trên kênh YouTube dành cho nhà phát triển Chrome, trong danh sách phát trên web tại Google I/O 2019.

Đăng ký

Nếu bạn muốn luôn nhận được thông tin mới nhất về video của chúng tôi, hãy đăng ký kênh YouTube dành cho nhà phát triển Chrome và bạn sẽ nhận được thông báo qua email bất cứ khi nào 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ẽ sẵn sàng cho bạn biết -- những điểm mới trong Chrome!

Nguồn ảnh