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

Rachel Andrew

Xuất bản: Ngày 2 tháng 6 năm 2026

Chrome 149 hiện đang được triển khai và bài đăng này chia sẻ một số tính năng chính trong bản phát hành. Đọc toàn bộ ghi chú phát hành của Chrome 149.

Nội dung nổi bật trong bản phát hành này:

Khoảng trống trang trí CSS

CSS gap decorations (phần trang trí khoảng trống CSS) cho phép bạn tạo kiểu cho các khoảng trống trong bố cục vùng chứa như lưới và flexbox, mang lại tính nhất quán và các lựa chọn tạo kiểu mới mà trước đây cần đến các giải pháp phức tạp về đường viền và phần tử giả. Tính năng này thân thiện với tính năng cải tiến tăng dần; trong các trình duyệt không được hỗ trợ, các khoảng trống sẽ hiển thị bình thường mà không có trang trí.

Thành phần này giới thiệu các thuộc tính như column-rule-inset và row-rule-inset để thu nhỏ hoặc mở rộng các thành phần trang trí, cũng như column-rule-visibility-items và row-rule-visibility-items để chỉ hiển thị các quy tắc giữa các mục liền kề hoặc trong mọi khoảng trống. Bạn có thể tạo ảnh động đầy đủ cho chiều rộng, màu sắc và phần lồng của đường kẻ, cho phép bạn chuyển đổi các thành phần này khi di chuột hoặc thay đổi trạng thái khác.

Tìm hiểu thêm trong bài đăng ổn định về khoảng trống CSS.

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

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

Trước đây, mọi kết nối WebSocket đang hoạt động đều buộc trình duyệt loại bỏ trang khi người dùng chuyển hướng, ngăn không cho trang được lưu trữ trong Bộ nhớ đệm cho thao tác tiến/lùi (bfcache).

Intl.Locale.prototype.variants

Đối tượng Intl.Locale biểu thị giá trị nhận dạng ngôn ngữ theo chuẩn Unicode. Đối tượng chính là Baseline Widely available (Cơ sở được cung cấp rộng rãi).

Biến thể là một phần của mã nhận dạng ngôn ngữ chính và chọn các biến thể của một ngôn ngữ mà bộ ba (ngôn ngữ, khu vực, tập lệnh) không thể phân biệt. Tính năng này đã được ra mắt trong Firefox và Safari, và hiện đã có trong Chrome.

Ví dụ:

const locale = new Intl.Locale("sl-rozaj-biske");
console.log(locale.variants); // "rozaj-biske"

Tìm hiểu thêm trong tài liệu MDN về Intl.Locale.prototype.variants.

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

Đây chỉ là một số điểm nổi bật chính. Hãy xem các đường liên kết sau để biết thêm các thay đổi trong Chrome 149.

Đăng ký

Để luôn nắm bắt thông tin mới nhất, hãy đăng ký kênh YouTube của Chrome Developers. 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. Hoặc theo dõi chúng tôi trên X hoặc LinkedIn để xem các bài viết và bài đăng mới trên blog.

Ngay khi Chrome 150 được phát hành, chúng tôi sẽ thông báo cho bạn về những điểm mới trong Chrome!