Chrome 149

Ngày phát hành phiên bản ổn định: Ngày 2 tháng 6 năm 2026

Trừ phi có ghi chú khác, những thay đổi sau đây áp dụng cho bản phát hành kênh ổn định Chrome 149 cho Android, ChromeOS, Linux, macOS và Windows.

CSS và giao diện người dùng

Trang trí khoảng cách CSS

Trang trí khoảng cách CSS cho phép bạn tạo kiểu cho các khoảng cách trong bố cục vùng chứa như lưới và flexbox, tương tự như column-rule trong bố cục nhiều cột. Nhà phát triển web rất yêu cầu tính năng này vì họ phải sử dụng các giải pháp tạm thời để tạo kiểu cho các khoảng cách trong bố cục lưới và flexbox hiện nay.

Tính năng này mang đến các thuộc tính CSS mới như column-rule-inset, row-rule-inset, column-rule-visibility-itemsrow-rule-visibility-items, đồng thời hỗ trợ hoạt ảnh của chiều rộng, màu và phần chèn quy tắc.

Bài đăng trên blog về trang trí khoảng cách CSS | Lỗi theo dõi #357648037 | Mục ChromeStatus.com | Thông số kỹ thuật

Cắt văn bản tràn khi người dùng tương tác

Khi người dùng tương tác (ví dụ: bằng cách chỉnh sửa hoặc sử dụng tính năng điều hướng bằng con nháy) với văn bản có đặt text-overflow: ellipsis, văn bản sẽ tạm thời chuyển từ dấu ba chấm sang cắt. Điều này cho phép người dùng xem và tương tác với nội dung tràn bị ẩn. Tính năng này áp dụng cho tất cả các phần tử có thể chỉnh sửa và không thể chỉnh sửa. Đối với các thành phần điều khiển biểu mẫu, chẳng hạn như <textarea><input>, hành vi này đã được hỗ trợ.

Lỗi theo dõi #40731275 | Mục ChromeStatus.com | Thông số kỹ thuật

Xoá quy tắc biểu định kiểu UA màu đường viền rõ ràng cho bảng

Thay đổi này sẽ xoá quy tắc CSS bị lỗi border-color: gray khỏi biểu định kiểu UA cho phần tử <table>. Thông số kỹ thuật HTML không chứa quy tắc này và quy tắc này ngăn đường viền mặc định thành currentColor. Cả Firefox và WebKit đều không có quy tắc màu đường viền gray này trong biểu định kiểu UA, dẫn đến các vấn đề về khả năng tương tác.

Lỗi theo dõi #494554835 | Mục ChromeStatus.com | Thông số kỹ thuật

Hỗ trợ path()shape() trong shape-outside

Thêm tính năng hỗ trợ cho các hàm hình dạng path()shape() trong thuộc tính CSS shape-outside. Các hàm này cho phép nhà phát triển xác định các hình dạng loại trừ dấu phẩy động một cách linh hoạt hơn và hỗ trợ hoạt ảnh.

Lỗi theo dõi #502328208 | Mục ChromeStatus.com | Thông số kỹ thuật

Hỗ trợ rect()xywh() trong shape-outside

Thêm tính năng hỗ trợ cho các hàm hình dạng cơ bản rect()xywh() trong thuộc tính CSS shape-outside. Các hàm này cho phép nhà phát triển xác định các hình dạng loại trừ dấu phẩy động bằng cách sử dụng toạ độ hình chữ nhật, căn chỉnh Chrome với Firefox và Safari (đã hỗ trợ tính năng này).

Lỗi theo dõi #49034453 | Mục ChromeStatus.com | Thông số kỹ thuật

Ranh giới lớp trên cùng của lớp giả hành động người dùng

Thay đổi :hover, :active:focus-within khớp với các phần tử mẹ để chỉ khớp với phần tử lớp trên cùng đầu tiên trong chuỗi mẹ. Vì các phần tử lớp trên cùng thường được kết xuất tách biệt với chuỗi mẹ về mặt hình ảnh, nên việc thay đổi kiểu mẹ khi một phần tử lớp trên cùng được di chuột hoặc kích hoạt là không hợp lý.

Lỗi theo dõi #407769114 | Mục ChromeStatus.com | Thông số kỹ thuật

Màu nhấn hệ thống trong phạm vi ứng dụng web

Hạn chế quyền truy cập vào màu nhấn hệ thống cho các từ khoá CSS (AccentColorAccentColorText) và accent-color: auto để chỉ nằm trong ngữ cảnh ứng dụng web và hồ sơ ban đầu. Điều này hạn chế một vectơ nhận dạng dấu vân tay đáng kể khi hiển thị rộng rãi màu hệ thống của người dùng trên web.

Lỗi theo dõi #481353056 | Mục ChromeStatus.com | Thông số kỹ thuật

image-rendering: crisp-edges

image-rendering: crisp-edges cho biết rằng hình ảnh phải được điều chỉnh tỷ lệ theo cách giữ nguyên độ tương phản và các cạnh, đồng thời tránh làm mượt màu hoặc làm mờ hình ảnh trong quá trình này.

Chrome, Firefox và Safari coi crisp-edgespixelated là từ đồng nghĩa và triển khai cả hai bằng cách sử dụng tính năng điều chỉnh tỷ lệ theo láng giềng gần nhất.

Lỗi theo dõi #41073066 | Mục ChromeStatus.com | Thông số kỹ thuật

Hỗ trợ "path-length" làm thuộc tính CSS

Giới thiệu một thuộc tính CSS mới là path-length, thuộc tính này ánh xạ đến thuộc tính trình bày SVG pathLength. Thuộc tính này áp dụng cho các phần tử hình học SVG hỗ trợ pathLength (bao gồm <path>, <circle>, <rect>, <line>, <polyline>, <polygon>, và <ellipse>), cho phép tác giả chỉ định thuộc tính này trong biểu định kiểu, kiểu nội tuyến và hoạt ảnh.

Lỗi theo dõi #40670251 | Mục ChromeStatus.com | Thông số kỹ thuật

Web API

Intl.Locale.prototype.variants

Thêm Intl.Locale.prototype.variants như nêu trong thông số kỹ thuật ECMA-402, và chấp nhận variants trong gói tuỳ chọn trong hàm khởi tạo Intl.Locale.

Mục ChromeStatus.com | Thông số kỹ thuật

Yêu cầu thanh toán: Cho phép trình xử lý thanh toán báo cáo lại các lỗi nội bộ

Cho phép các trình xử lý thanh toán được truy cập bằng Payment Request API trả về các lỗi riêng biệt cho "người dùng đã huỷ" (AbortError) so với "lỗi ứng dụng thanh toán nội bộ" (OperationError). Điều này cho phép nhà phát triển thử lại hoặc quay lại một quy trình khác khi xảy ra lỗi ứng dụng nội bộ, đồng thời dừng đúng cách nếu người dùng huỷ.

Lỗi theo dõi #473478138 | Mục ChromeStatus.com | Thông số kỹ thuật

Tuân thủ autocorrect="off" cho bàn phím cảm ứng Windows trong TSF

Giúp tính năng tích hợp TSF của Chrome phát hiện và hoàn nguyên tính năng tự động sửa lỗi trên bàn phím cảm ứng trên Windows khi phần tử có thể chỉnh sửa được lấy tiêu điểm có đặt autocorrect="off".

Lỗi theo dõi #487613498 | Mục ChromeStatus.com | Thông số kỹ thuật

Đọc định dạng bảng nhớ tạm có chọn lọc

Cải thiện Asynchronous Clipboard API bằng cách hoãn việc truy xuất dữ liệu bảng nhớ tạm thực tế từ hệ điều hành cho đến khi ứng dụng web gọi getType(). Thay vì tìm nạp tất cả các định dạng có sẵn tại thời điểm read(), trình duyệt hiện trả về các đối tượng ClipboardItem có các loại MIME có sẵn nhưng không có dữ liệu cơ bản, giúp giảm mức sử dụng CPU và cải thiện khả năng phản hồi.

Lỗi theo dõi #435051711 | Mục ChromeStatus.com | Thông số kỹ thuật

Mạng và kết nối

Ngắt kết nối WebSocket khi vào bfcache

Các kết nối WebSocket đang hoạt động không còn ngăn trang vào Bộ nhớ đệm cho thao tác tiến/lùi (bfcache). Bằng cách đóng các kết nối khi vào bfcache thay vì đánh dấu tài liệu là không đủ điều kiện, trình duyệt cho phép lưu trữ và khôi phục các trang có WebSocket đang hoạt động.

Lỗi theo dõi #467838624 | Mục ChromeStatus.com | Thông số kỹ thuật

Bản dùng thử theo nguyên gốc mới

API đầu vào dựa trên sự kiện của tay cầm chơi game

Mở rộng Gamepad API bằng một mô hình mới dựa trên sự kiện, cho phép các ứng dụng nhận dữ liệu đầu vào của tay cầm chơi game với độ trễ thấp hơn. Thay vì dựa vào việc thăm dò thường xuyên bằng navigator.getGamepads(), nhà phát triển hiện có thể nghe sự kiện rawgamepadinputchange, sự kiện này sẽ kích hoạt bất cứ khi nào có dữ liệu đầu vào mới từ thiết bị.

Bản dùng thử theo nguyên gốc | Lỗi theo dõi #40582297 | Mục ChromeStatus.com | Thông số kỹ thuật

Chính sách về quyền: focus-without-user-activation

Cho phép trình nhúng kiểm soát tiêu điểm theo chương trình từ nội dung nhúng bằng chính sách về quyền focus-without-user-activation. Khi chính sách bị từ chối đối với một khung, các lệnh gọi tiêu điểm theo chương trình (element.focus(), autofocus, window.focus(), dialog.showModal() và tiêu điểm cửa sổ bật lên) sẽ bị chặn trừ phi được kích hoạt bằng cách kích hoạt của người dùng.

Bản dùng thử theo nguyên gốc | Lỗi theo dõi #40095111 | Mục ChromeStatus.com | Thông số kỹ thuật

Bộ mô tả tuỳ chỉnh WebAssembly

Cho phép WebAssembly lưu trữ dữ liệu liên kết với các loại ở cấp nguồn một cách hiệu quả hơn trong các đối tượng "bộ mô tả tuỳ chỉnh" mới. Bạn có thể định cấu hình các bộ mô tả tuỳ chỉnh này bằng các nguyên mẫu cho các đối tượng WebAssembly của loại ở cấp nguồn đó, cho phép cài đặt các phương thức trên chuỗi nguyên mẫu của đối tượng WebAssembly và gọi trực tiếp từ JavaScript bằng cú pháp lệnh gọi phương thức thông thường.

Bản dùng thử theo nguyên gốc | Lỗi theo dõi #403372470 | Mục ChromeStatus.com | Thông số kỹ thuật