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

Adriana Jara

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

Tôi là Adriana Jara. 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 128.

Dấu ngắt dòng <ruby>

Phần tử <ruby> giúp nâng cao khả năng trình bày văn bản, đặc biệt là đối với các ngôn ngữ Đông Á. Thuộc tính này cho phép bạn hiển thị chú thích về âm vị học hoặc thông tin bổ sung khác ở phía trên hoặc bên cạnh văn bản cơ sở.

Một phần tử ruby bao gồm hai phần chính, phần cơ sở ruby là văn bản chính và văn bản ruby là văn bản chú thích, được đánh dấu bằng phần tử.

Trước đây, nếu một ruby-base hoặc ruby-text dài hơn toàn bộ dòng, thì các ruby-base hoặc ruby-text đó sẽ được gói riêng lẻ, tạo ra các thách thức về bố cục.

Giờ đây, ruby có thể ngắt dòng, đặt văn bản chú thích ruby được gói lên trên văn bản cơ sở được gói để đạt được kết quả hiển thị văn bản lý tưởng.

Truy cập vào phần <ruby> có thể ngắt dòng và thuộc tính căn chỉnh ruby CSS để xem ví dụ và thêm thông tin.

Promise.try

Promise.try giúp bạn dễ dàng xử lý lỗi bằng Promise. Có một mẫu mà bạn có một hàm, f. Hàm này có thể không đồng bộ và trả về một Lời hứa hoặc không. Để sử dụng ngữ nghĩa Lời hứa để xử lý lỗi trong cả hai trường hợp, bạn sẽ gói hàm trong một Lời hứa.

Một cách để đạt được điều này là với Promise.resolve().then(f), nhưng trong trường hợp này, f sẽ được chạy không đồng bộ một cách không cần thiết vào lần đánh dấu tiếp theo.

Để tránh vấn đề này, bạn cần sử dụng new Promise(resolve => resolve(f())) hoàn toàn không phù hợp.

Promise.try là cách đơn giản, dễ hiểu để thực hiện việc này. Phương thức này cho phép bạn bắt đầu một chuỗi Promise để phát hiện tất cả lỗi trong trình xử lý .catch thay vì phải xử lý cả luồng ngoại lệ đồng bộ và không đồng bộ.

Để tìm hiểu thêm, hãy xem tài liệu về Promise.try.

PointerEvent.deviceProperties để viết bằng nhiều bút

Nhà phát triển không có cách nào để phân biệt giữa hai bút riêng lẻ trên một thiết bị số hoá có hỗ trợ mực. Thuộc tính PointerEvent.pointerId hiện có được triển khai theo nhiều cách và không phải lúc nào cũng tồn tại cho mỗi nét mực hoặc lượt tương tác với màn hình.

Giao diện PointerEvent hiện được mở rộng để thêm một thuộc tính mới: deviceProperties. Thuộc tính này chứa thuộc tính uniqueId, đại diện cho một giá trị nhận dạng duy nhất, riêng biệt với tài liệu, tồn tại trong phiên mà nhà phát triển có thể sử dụng một cách đáng tin cậy để xác định từng bút cảm ứng tương tác với trang.

Với thay đổi này, bạn có thể đặt màu sắc hoặc hình dạng bút cụ thể cho từng thiết bị tương tác với bộ chuyển đổi kỹ thuật số.

Đọc về cách bắt đầu sử dụng sự kiện con trỏ trong bài viết Chỉ đường cho tương lai.

Và nhiều tính năng khác!

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

  • Thuộc tính zoom CSS hiện đã được điều chỉnh cho phù hợp với tiêu chuẩn mới nhất.

  • Lỗi tạo AudioContext và lỗi kết xuất âm thanh hiện được báo cáo thông qua AudioContext.onerror.

  • Bảng điều khiển Ảnh động của DevTools hiện chụp ảnh động và bạn có thể chỉnh sửa @keyframes trực tiếp.

Đọc toàn bộ ghi chú phát hành.

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

Nội dung 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 sau đây để biết thêm các thay đổi trong Chrome 128.

Đăng ký

Để luôn 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à Adriana Jara. Ngay khi Chrome 128 được phát hành, tôi sẽ ở đây để giới thiệu cho bạn những tính năng mới trong Chrome!