Cân bằng dòng tiêu đề CSS, CHIPS, sự kiện scrollend và cửa sổ bật lên.
Trừ phi có ghi chú khác, những thay đổi được mô tả bên dưới sẽ áp dụng cho bản phát hành kênh thử nghiệm Chrome mới nhất dành cho Android, ChromeOS, Linux, macOS và Windows. Tìm hiểu thêm về các tính năng nêu tại đây thông qua đường liên kết đi kèm hoặc trong danh sách trên ChromeStatus.com. Chrome 114 sẽ ở giai đoạn thử nghiệm beta kể từ ngày 3 tháng 5 năm 2023. Bạn có thể tải phiên bản mới nhất xuống từ Google.com cho máy tính hoặc trên Cửa hàng Google Play trên Android.
CSS
Bản phát hành này bổ sung hai tính năng mới của Dịch vụ so sánh giá (CSS).
Cân bằng dòng tiêu đề CSS
Tính năng này mang đến cách cân bằng độ dài dòng trong một phần tử, giúp dễ đọc hơn và giảm thiểu lỗi chính tả đối với văn bản kéo dài trên 4 dòng. Điều này thường hữu ích cho các dòng tiêu đề. Ví dụ: CSS sau đây sẽ cân bằng tất cả các cấp dòng tiêu đề và khung trích dẫn nội dung:
h1, h2, h3, h4, h5, h6, blockquote {
text-wrap: balance;
}
Ngoài thuộc tính text-wrap, thuộc tính white-space-collapse cũng được hỗ trợ và thuộc tính white-space trở thành cú pháp viết tắt của các thuộc tính này.
Tìm hiểu thêm trong CSS text-wrap: balance.
Biệt hiệu overflow: overlay cho overflow: auto
Chrome 114 xoá chế độ cuộn overflow: overlay và đặt overlay làm bí danh cũ của auto. Việc sử dụng overflow: overlay cũng giống như overflow: auto, ngoại trừ việc chính sách này không ngăn nội dung mở rộng vào trong rãnh của thanh cuộn, trong trường hợp có thanh cuộn của hệ điều hành không thuộc lớp phủ. (Nếu có thanh cuộn lớp phủ thì sẽ không có hiệu ứng nào.)
API web
API bộ nhớ đệm cho thao tác tiến/lùi
API NotrecoveryReason báo cáo danh sách các lý do khiến một trang không được phân phát từ BFcache trong cấu trúc cây khung, thông qua API PerformanceNavigationTiming.
Cookie có trạng thái được phân vùng độc lập (CHIPS)
Chrome dự định loại bỏ những cookie lỗi thời của bên thứ ba, do đó nhà phát triển cần có khả năng sử dụng cookie trong bối cảnh của bên thứ ba được phân vùng theo trang web cấp cao nhất. Điều này cần thiết cho các trường hợp sử dụng không liên quan đến hoạt động theo dõi trên nhiều trang web. Ví dụ: nội dung nhúng dưới dạng SaaS, CMS không có giao diện người dùng và miền hộp cát). Thuộc tính cookie CHIPS của Partitioned cho phép nhà phát triển chọn phân vùng cookie của bên thứ ba theo trang web cấp cao nhất. KHỐI được bật thông qua Biến thể của Chrome trong Chrome 110 và các phiên bản mới hơn. Với Chrome 114, CHIPS sẽ được bật theo mặc định cho tất cả phiên bản trình duyệt.
Tìm hiểu thêm về CHIPS.
Sự kiện scrollend
Sự kiện này cung cấp cho nhà phát triển thông tin rõ ràng về thời điểm hoàn tất thao tác cuộn (bao gồm cả việc cuộn và mọi cập nhật để bù trừ cho thanh cuộn) thông qua trình nghe sự kiện. Việc biết được thời điểm hoàn tất thao tác cuộn rất hữu ích vì nhiều lý do. Ví dụ: đồng bộ hoá một số logic trên phần được chụp nhanh, tìm nạp nội dung trong một danh sách hoặc kích hoạt ảnh động mới. Tính năng này giúp đơn giản hoá đáng kể logic để xử lý các hiệu ứng khi kết thúc thao tác cuộn, đảm bảo rằng các hiệu ứng này nhất quán trên nhiều phương thức đầu vào. Hiện tại, các nhà phát triển giải quyết nhu cầu này bằng cách quan sát các sự kiện cuộn và xây dựng thuật toán hết thời gian chờ đặc biệt.
Tìm hiểu thêm về sự kiện scrollend.
API Cửa sổ bật lên
Đây là API có thể dùng để xây dựng các thành phần giao diện người dùng (UI) tạm thời được hiển thị trên tất cả giao diện người dùng khác của ứng dụng web. Trong đó có các thành phần tương tác với người dùng như trình đơn thao tác, gợi ý thành phần biểu mẫu, bộ chọn nội dung và giao diện người dùng cho việc giảng dạy. API này sử dụng thuộc tính nội dung popover mới để cho phép hiển thị mọi phần tử trong lớp trên cùng. Phần tử này tương tự như phần tử <dialog>, nhưng có một số điểm khác biệt quan trọng, bao gồm hành vi loại bỏ ánh sáng, quản lý tương tác cửa sổ bật lên và hỗ trợ sự kiện cũng như việc không có chế độ "phương thức".
Tìm hiểu thêm về API Cửa sổ bật lên.
Tuỳ chọn exclusionFilters cho web Bluetooth trong requestDevice()
Tuỳ chọn exclusionFilters trong navigator.bluetooth.requestDevice() cho phép nhà phát triển web loại trừ một số thiết bị khỏi bộ chọn trình duyệt. Bộ lọc này có thể được dùng để loại trừ các thiết bị khớp với một bộ lọc rộng hơn nhưng không được hỗ trợ.
Xem mã mẫu minh hoạ việc sử dụng API Web Bluetooth để truy xuất thông tin cơ bản về thiết bị từ một Thiết bị Bluetooth năng lượng thấp ở gần có các bộ lọc loại trừ cơ bản.
Đề xuất hằng số mở rộng WebAssembly
Chrome 114 triển khai đề xuất hằng số mở rộng WebAssembly. Đề xuất này thêm các lệnh mới sau đây vào danh sách các lệnh hằng số hợp lệ: i32.add, i32.sub, i32.mul, i64.add, i64.sub và i64.mul.
Đang chạy bản dùng thử theo nguyên gốc
Trong Chrome 114, bạn có thể chọn tham gia các bản dùng thử theo nguyên gốc mới sau đây.
Đo lường Mô hình phân bổ trên nhiều ứng dụng và web
Mở rộng Attribution Reporting API để cho phép phân bổ các lượt chuyển đổi xảy ra trên web cho các sự kiện xảy ra bên ngoài trình duyệt, trong các ứng dụng khác. Đề xuất ở đây tận dụng tính năng hỗ trợ cấp hệ điều hành cho hoạt động phân bổ. Cụ thể, nhà phát triển có thể lựa chọn cho phép các sự kiện trên web dành cho thiết bị di động có thể tham gia với các sự kiện trong Hộp cát về quyền riêng tư của Android, mặc dù cũng có thể triển khai việc hỗ trợ các nền tảng khác.
Đăng ký dùng thử tính năng đo lường Phân bổ trên web và ứng dụng
API Làm mờ nền
API Làm mờ nền cho phép nhà phát triển web sử dụng API của nền tảng gốc để phân đoạn nền máy ảnh. Vì làm mờ nền đã trở thành một trong những tính năng được sử dụng nhiều nhất trên các ứng dụng hội nghị truyền hình, chúng tôi muốn các ứng dụng web tận dụng cùng các API nền tảng mà không cần phải dựa vào các khung học máy như TensorFlow.js, Mediapipe, thư viện WASM hoặc các giải pháp trên đám mây.
Đăng ký dùng thử theo nguyên gốc Làm mờ nền.
Ngừng sử dụng và xoá
Không có ngừng sử dụng hoặc xoá mới trong Chrome 114.