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 có gì mới dành cho nhà phát triển trong Chrome 128.

Có thể ngắt dòng <ruby>

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

Phần tử hồng ngọc bao gồm hai phần chính: phần đế hồng ngọc là văn bản chính và văn bản hồng ngọc là văn bản chú thích, được đánh dấu bằng phần tử.

Trước đây, nếu một chuỗi ruby-base hoặc một văn bản màu hồng ngọc dài hơn toàn bộ một dòng, thì chúng được gói riêng lẻ để tạo ra các thử thách bố cục.

Giờ đây, màu hồng ngọc có thể ngắt dòng, đặt văn bản chú thích màu hồng ngọc được bao bọc trên văn bản cơ sở được bao bọc để đạt được khả năng hiển thị văn bản lý tưởng.

Hãy truy cập vào Thuộc tính <ruby> có thể ngắt dòng và CSS ruby-align để xem ví dụ và thông tin khác.

Promise.try

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

Có một cách để thực hiện việc này là sử dụng Promise.resolve().then(f), nhưng trong trường hợp này, f sẽ chạy một cách không cần thiết trong kim đánh dấu nhịp độ khung hình tiếp theo.

Để tránh vấn đề này, bạn cần sử dụng new Promise(resolve => resolve(f())) không tiện dụng.

Promise.try là cách đơn giản, dễ hiểu để hoàn thành nhiệm vụ. Tính năng này cho phép bạn bắt đầu một chuỗi Promise giúp 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 nét bằng nhiều bút

Các nhà phát triển chưa có cách nào để phân biệt hai loại bút riêng biệt trên màn hình số hoá hỗ trợ mực vẽ. 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 trong mỗi lần nhấn mực hoặc hoạt động tương tác với màn hình.

Giao diện PointerEvent hiện đã được mở rộng để bao gồ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 và lưu trữ trong phiên, tách biệt với tài liệu mà nhà phát triển có thể sử dụng đáng tin cậy để xác định từng bút tương tác với trang.

Với thay đổi này, bạn có thể, chẳng hạn như đặ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ộ số hoá.

Hãy đọc về cách bắt đầu sử dụng sự kiện con trỏ trong bài viết Trỏ hướng về phía trước.

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

Tất nhiên là còn nhiều tính năng khác nữa.

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

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

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

Đọc ghi chú phát hành đầy đủ.

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

Trên đây chỉ là một số điểm nổi bật chính. Kiểm tra các đường liên kết sau để các thay đổi bổ sung trong Chrome 128.

Đăng ký

Để cập nhật thông tin, 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 mỗi khi chúng tôi ra mắt video mới.

Chào Adriana Jara! Ngay sau khi Chrome 128 được phát hành, tôi sẽ cho bạn biết các tính năng mới trong Chrome!