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

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 108.

Đơn vị kích thước khung nhìn mới

Các đơn vị khung nhìn mới giúp bạn kiểm soát tốt hơn để tạo giao diện người dùng thích ứng.

Các đơn vị này đo lường khu vực khung nhìn theo cách khác nhau, vì chúng tính đến các phần tử giao diện người dùng có thể mở rộng hoặc thu gọn trong trình duyệt. Ví dụ: thanh địa chỉ.

Các đơn vị large cung cấp kích thước khung nhìn giả định rằng các giao diện tác nhân người dùng đó bị thu gọn.

Mặt khác, các đơn vị small cung cấp kích thước khung nhìn, giả sử các giao diện được mở rộng.

Ngoài ra, với các đơn vị dynamic, kích thước khung nhìn sẽ tự động điều chỉnh theo các phần tử giao diện trình duyệt có hiển thị hay không.

Giá trị này sẽ là bất kỳ giá trị nào trong giới hạn của đơn vị lớn (tối đa) và đơn vị nhỏ (tối thiểu).

Các phần khác nhau của khung nhìn cho từng loại đơn vị khung nhìn.

Hãy xem bài viết này để biết thêm thông tin. Ngoài ra, hãy kiểm tra thay đổi về hành vi đổi kích thước khung nhìn Android để xử lý khung nhìn của bạn một cách thích hợp .

Phông chữ biến thiên hiện được hỗ trợ trong COLRv1.

Phông chữ vectơ màu COLRv1 đã được hỗ trợ kể từ Chrome 98, nhưng bản phát hành ban đầu chỉ hỗ trợ chức năng tĩnh của bảng COLRv1.

Tuy nhiên, thông số kỹ thuật COLRv1 cũng bao gồm các Biến thể OpenType, nghĩa là cho phép thay đổi thuộc tính phông chữ bằng cách thay đổi các giá trị trục biến. Các biến thể như vậy hiện đã được hỗ trợ.

Bản phát hành này cũng bao gồm các phần mở rộng điều kiện font-tech() và font-format() cho CSS @supports .

Với những điều kiện này, nhà phát triển có thể phát hiện thời điểm có các tính năng phông chữ để mang đến cho người dùng trải nghiệm mới nhất, đồng thời tạo một phương án dự phòng nếu không có tính năng hỗ trợ.

Thử nghiệm với bản minh hoạ tại đây và tăng sức ảnh hưởng cho từ ngữ bằng phông chữ biến thể.

Các phương thức FileSystemSyncAccessHandle hiện là đồng bộ.

Hệ thống tệp riêng tư gốc cung cấp quyền truy cập vào một loại tệp đặc biệt được tối ưu hoá hiệu suất cao, nhà phát triển có thể truy cập vào những tệp đó bằng cách gọi createSyncAccessHandle(). Đây là một phương thức hiển thị trên các đối tượng FileSystemFileHandle.

Lệnh gọi này sẽ trả về một FileSystemSyncAccessHandle.

Các phương thức truncate(newSize), getSize(), flush() và close() trong tay cầm truy cập đó từng không đồng bộ, nhưng các phương thức này đồng bộ kể từ Chrome 108.

Thay đổi này có một lý do chính đáng, đó là việc FileSystemSyncAccessHandle khớp với API tệp đồng bộ, giống như POSIX mà các ứng dụng dựa trên Wasm mong đợi; giúp API trở nên dễ sử dụng hơn trong khi vẫn tăng đáng kể hiệu suất.

Đây có thể là một thay đổi có thể gây lỗi, nếu bạn đang sử dụng các phương thức ở trên, mọi hoạt động sử dụng Promise.then() sẽ bị lỗi. Nếu bạn tạo chuỗi lệnh gọi then() trên kết quả của bất kỳ phương thức không đồng bộ nào trước đây và hiện là phương thức đồng bộ, bạn cần thay đổi mã của mình.

// ⛔️ This will break, and you need to restructure your code:
accessHandle.flush().then(/* Follow-up code */);
// ✅ Correct:
accessHandle.flush();
/* Follow-up code */

Để biết hướng dẫn chi tiết hơn, hãy truy cập bài viết này

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

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

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 bên dưới để biết thêm các thay đổi trong Chrome 108.

Đă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 109 đượ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!