Cân bằng dòng tiêu đề CSS, CHIPS (giá trị nhận dạng do nhà xuất bản cung cấp), sự kiện cuộn cuối 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 beta mới nhất của Chrome dành cho Android, ChromeOS, Linux, macOS và Windows. Tìm hiểu thêm về các tính năng được liệt kê tại đây thông qua các đường liên kết được cung cấp hoặc từ danh sách trên ChromeStatus.com. Chrome 114 là phiên bản thử nghiệm kể từ ngày 3 tháng 5 năm 2023. Bạn có thể tải xuống những bản phát hành mới nhất trên Google.com dành 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 cho 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 một cách cân bằng độ dài các dòng trong một phần tử, để dễ đọc hơn và giảm thiểu các lỗi kiểu chữ đối với văn bản chạy trên 4 dòng trở xuống. Cách này thường hữu ích cho dòng tiêu đề. Ví dụ: CSS sau đây sẽ cân bằng tất cả các cấp tiêu đề và khối trích dẫn:
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 tên 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
.
Bí danh overflow: overlay
sang 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
giống như overflow: auto
, ngoại trừ việc việc này không ngăn nội dung mở rộng vào rãnh thanh cuộn, trong trường hợp có thanh cuộn của hệ điều hành không phủ lên trên. (Nếu có thanh cuộn lớp phủ thì sẽ không có hiệu ứng.)
API web
Bộ nhớ đệm cho thao tác tiến/lùi NotRestoreReason API
NotrecoveryReason API báo cáo danh sách 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 PerformanceNavigationTiming API.
Cookie có trạng thái phân vùng độc lập (CHIPS)
Chrome có kế hoạch ngừng sử dụng cookie 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 là 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 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. Cookie có thể được bật thông qua các Biến thể của Chrome trong Chrome 110 và các phiên bản mới hơn. Với Chrome 114, Cookie có thể được bật theo mặc định cho mọi 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 giúp nhà phát triển nắm rõ thời điểm một lượt cuộn hoàn tất (bao gồm cả thao tác cuộn và mọi nội dung cập nhật bù trừ từ thao tác cuộn) thông qua trình nghe sự kiện. Việc biết được thời điểm một lượt cuộn hoàn tất sẽ hữu ích vì nhiều lý do. Ví dụ: đồng bộ hoá một số logic trong 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 cuối cuộn, đảm bảo các hiệu ứng đó nhất quán trên nhiều phương thức đầu vào khác nhau. 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 các 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
Một API có thể dùng để tạo các phần tử 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 đó bao gồm các phần tử tương tác với người dùng như trình đơn thao tác, đề xuất cho phần tử biểu mẫu, bộ chọn nội dung và giao diện người dùng giảng dạy. API này sử dụng một thuộc tính nội dung popover
mới để cho phép hiển thị 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 vài điểm khác biệt quan trọng, trong đó có hành vi đóng đèn, quản lý hoạt động tương tác bật lên, hỗ trợ sự kiện và không có "phương thức" .
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ạn có thể sử dụng phương pháp này để 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ạ cách 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 hướng dẫn mới sau đây vào danh sách các lệnh không đổi hợp lệ: i32.add
, i32.sub
, i32.mul
, i64.add
, i64.sub
và i64.mul
.
Bản dùng thử theo nguyên gốc đang diễn ra
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 Phân bổ trên web và ứng dụng
Mở rộng Attribution Reporting API để cho phép phân bổ 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 việc phân bổ. Cụ thể, API này cho phép nhà phát triển tham gia các sự kiện trên web dành cho thiết bị di động 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ể 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 của máy ảnh. Vì làm mờ nền đã trở thành một trong những tính năng được dùng nhiều nhất trên ứng dụng hội nghị truyền hình, nên 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 máy học 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 tính năng Làm mờ trong nền.
Ngừng sử dụng và xoá
Không có lần nào bị ngừng sử dụng hoặc xoá mới trong Chrome 114.