Trang này được dịch bởi Cloud Translation API.

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

Adriana Jara

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

Việc neo các yếu tố trở nên dễ dàng hơn bao giờ hết nhờ tính năng Định vị neo CSS.
Compute Pressure API giúp tối ưu hoá nguồn điện máy tính hiện có.
API Truy cập bộ nhớ được mở rộng không chỉ cho việc lưu trữ cookie.
Và còn nhiều tính năng khác.

Tôi là Adriana Jara. Hãy cùng tìm hiểu xem có gì mới dành cho nhà phát triển trong Chrome 125.

Định vị neo CSS.

Việc hiển thị một phần tử được liên kết với một phần tử khác cho phép bạn tạo các mẫu giao diện người dùng như sử dụng một cửa sổ bật lên làm chú giải công cụ và đính kèm cửa sổ đó vào phần tử gọi cửa sổ đó.

Với tính năng Định vị neo CSS, bạn có thể liên kết một phần tử được định vị tuyệt đối với một hoặc nhiều phần tử trên trang theo cách khai báo. Phương thức này không yêu cầu JavaScript và hoạt động hiệu quả khi các neo có thể cuộn được.

Tính năng định vị neo bao gồm một lượng lớn thuộc tính CSS. Sau đây là một số thuộc tính chính:

anchor-name: Thiết lập một phần tử để làm neo cho các phần tử khác.
position-anchor: Mô tả neo "mặc định" mà phần tử được neo nên sử dụng để định vị neo.
Hàm anchor(): Tham chiếu đến vị trí của phần tử neo, trong việc định vị phần tử được neo.
inset-area: Viết tắt của vị trí, dùng để chỉ các vị trí tương đối phổ biến.

Compute Pressure API.

Compute Pressure API cung cấp các trạng thái cấp cao thể hiện mức tải CPU trên hệ thống.

Khi tối ưu hoá để sử dụng điện năng máy tính một cách cân bằng, API sẽ sử dụng các chỉ số phần cứng cơ bản phù hợp để đảm bảo người dùng có thể tận dụng tất cả sức mạnh xử lý có sẵn, miễn là hệ thống không chịu áp lực không thể kiểm soát.

Intel đã dẫn dắt công việc thiết kế và triển khai API này, cho phép các ứng dụng hội nghị truyền hình tự động cân bằng các tính năng và hiệu suất.

Truy cập vào Compute Pressure API để xem các mẫu và biết thêm thông tin.

API Truy cập bộ nhớ (SAA) được mở rộng sang bộ nhớ không phải cookie.

Storage Access API (API truy cập bộ nhớ) là một API JavaScript được tạo để thay thế cho cookie trên nhiều trang web, cho các phần nhúng phụ thuộc vào việc tải tài nguyên trên nhiều trang web, để yêu cầu người dùng cấp quyền truy cập khi cần.

Phiên bản này bao gồm một tiện ích để sử dụng API ngoài cookie. Với tiện ích này, bạn có thể truy cập vào cookie chưa phân vùng và bộ nhớ không phải cookie trong ngữ cảnh của bên thứ ba, ví dụ: cho indexedDB và localstorage. Mã sau đây cho thấy một ví dụ về cách yêu cầu quyền truy cập vào indexedDB.

// Request a new storage handle via rSA (this may prompt the user)
let handle = await document.requestStorageAccess({indexedDB : true});

// Open or create an indexedDB that is shared with the 1P context
let messageDB = handle.indexedDB.open("messages");

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

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

Có một bản dùng thử theo nguyên gốc cho Device Posture API và Viewport Segments Enumeration API. Các API này được thiết kế để giúp nhà phát triển nhắm đến các thiết bị có thể gập lại.
Các hàm giá trị tăng dần CSS round(), mod() và rem() đã được thêm vào, giúp các tính năng này trở thành Baseline Newly Available
API Bộ nhớ dùng chung hiện hỗ trợ chạy các worklet trên nhiều nguồn gốc mà không phải tạo iframe.

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

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

Bài viết này chỉ đề cập đến một số điểm nổi bật chính. Hãy truy cập các đường liên kết sau để biết các thay đổi khác trong Chrome 125.

Để 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 126 đượ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!