Dưới đây là những gì bạn cần phải biết:
- Việc neo các phần tử trở nên dễ dàng hơn bao giờ hết nhờ tính năng Định vị vị trí cố định của CSS.
- ComputeApply API (API Áp suất tính toán) giúp tối ưu hoá nguồn máy tính hiện có.
- Storage Access API (API Truy cập bộ nhớ) được mở rộng cho không gian 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 sâu hơn và xem những tính năng mới dành cho nhà phát triển trong Chrome 125.
Định vị neo CSS.
Việc hiển thị một thành phần được liên kết với một thành phần khác cho phép bạn tạo các mẫu giao diện người dùng, chẳng hạn như sử dụng cửa sổ bật lên làm chú giải công cụ và đính kèm thành phần đó vào thành phần gọi ra thành phần đó.
Với Định vị cố định cuối màn hình của CSS, bạn có thể chia sẻ Internet một phần tử có vị trí tuyệt đối với một hoặc nhiều phần tử trên trang theo cách khai báo. Tính năng này không yêu cầu JavaScript và hoạt động hiệu quả khi các thẻ liên kết có thể cuộn được.
Tính năng định vị cố định bao gồm một số lượng lớn các 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 điểm liên kết cho các phần tử khác.position-anchor
: Mô tả thẻ neo "mặc định" mà một phần tử liên kết sẽ 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ử neo. inset-area
: Viết tắt của từ định vị, cho các vị trí tương đối phổ biến.
API Áp suất tính toán.
API Áp suất tính toán cung cấp các trạng thái cấp cao đại diện cho tải CPU trên hệ thống.
Khi tối ưu hoá nhằm sử dụng cân bằng nguồn điện của máy tính, API 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 được tất cả khả năng xử lý hiện có miễn là hệ thống không chịu áp lực không thể quản lý được.
Intel đã dẫn đầu công tá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 cân bằng linh động giữa các tính năng và hiệu suất.
Truy cập vào ComputeApply API để xem các mẫu và thông tin khác.
Storage Access API (API Truy cập bộ nhớ) (SAA) được mở rộng sang bộ nhớ không có cookie.
Storage Access API là một API JavaScript được tạo để thay thế cho cookie trên nhiều trang web, đối với những tệp 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 không phân vùng và bộ nhớ không phải cookie trong bối cảnh bên thứ ba, chẳng hạn như indexDB và localstorage. Mã sau đây cho thấy ví dụ về cách yêu cầu quyền truy cập vàoIndexedDB.
// 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, vẫn còn nhiều lý do khác.
Chúng tôi cung cấp bản dùng thử theo nguyên gốc cho Device Posture API và Viewport Segment 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ị theo bậc của CSS
round()
,mod()
vàrem()
đã được thêm vào, giúp các tính năng này mới ra mắtShared Storage API (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 cần tạo iframe.
Tài liệu đọc thêm
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 vào các đường liên kết sau để biết thêm những thay đổi khác trong Chrome 125.
- Tính năng mới trong Công cụ của Chrome cho nhà phát triển (125)
- Thông tin cập nhật về ChromeStatus.com cho Chrome 125
- Danh sách thay đổi kho lưu trữ nguồn Chromium
- Lịch phát hành Chrome
Đăng ký
Để 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.
Chào Adriana Jara! Ngay sau khi Chrome 126 được phát hành, tôi sẽ sẵn sàng cho bạn biết các tính năng mới của Chrome!