Chrome 150

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

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

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

Màu hệ thống AccentColorAccentColorText

Bạn có thể dùng các màu hệ thống AccentColorAccentColorText trong CSS để truy cập vào màu nhấn hệ thống được chỉ định trên thiết bị của người dùng. Điều này cho phép nhà phát triển áp dụng kiểu dáng giống như ứng dụng gốc cho nội dung web của họ trong những ngữ cảnh mà người dùng mong đợi tích hợp giao diện hệ điều hành, chẳng hạn như một ứng dụng web đã cài đặt. Người dùng phải ở trong một ứng dụng web đã cài đặt trên hồ sơ ban đầu để xem màu nhấn của hệ thống được hiển thị.

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

Cho phép tham số làm tròn không bắt buộc cho polygon()

Thêm một tham số làm tròn góc không bắt buộc trong hàm hình dạng CSS polygon(). Nhà phát triển có thể chỉ định giá trị chiều dài để làm tròn các góc đa giác mà không cần tính toán đường cong bezier theo cách thủ công.

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

Animatable zoom

Thuộc tính zoom của CSS có thể tạo ảnh động và nội suy dưới dạng <number>. Nhà phát triển có thể chuyển đổi và tạo ảnh động zoom để mở rộng các phần tử và bố cục của chúng một cách mượt mà, bổ sung cho tính năng mở rộng dựa trên biến đổi hiện có.

Lỗi theo dõi số 393810951 | Mục nhập ChromeStatus.com

CSS url() bộ sửa đổi yêu cầu

Các hàm url() của CSS chấp nhận các đối tượng sửa đổi yêu cầu không bắt buộc sau chuỗi URL được trích dẫn: cross-origin(), integrity()referrer-policy(). Các giá trị sửa đổi này kiểm soát hành vi tìm nạp của tài nguyên được tham chiếu ngay từ CSS mà không yêu cầu thay đổi đối với mã đánh dấu HTML hoặc JavaScript. Ví dụ: background-image: url("image.png" cross-origin(anonymous)) tìm nạp hình ảnh bằng chế độ ẩn danh CORS. Điều này giúp tác giả kiểm soát chi tiết quyền truy cập trên nhiều nguồn gốc, tính toàn vẹn của tài nguyên phụ và chính sách giới thiệu cho các tài nguyên được tải bằng CSS, bao gồm cả hình ảnh, phông chữ, các tham chiếu SVG và biểu định kiểu được nhập.

Lỗi theo dõi số 435625756 | Mục nhập ChromeStatus.com | Quy cách

Thuộc tính text-fit của CSS

Điều chỉnh tỷ lệ kích thước phông chữ của các nút văn bản sao cho vừa khít với chiều rộng của hộp chứa.

Thuộc tính này giúp nhà phát triển đảm bảo tiêu đề hoặc nội dung động lấp đầy khoảng trống theo chiều ngang mà không cần tính toán kích thước phông chữ theo cách thủ công hoặc sử dụng các giải pháp phức tạp bằng JavaScript. Đây là một giải pháp mạnh mẽ, gốc CSS cho kiểu chữ thích ứng, duy trì sự căn chỉnh trực quan trên nhiều kích thước màn hình và độ dài văn bản khác nhau.

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

CSS background-clip: border-area

Triển khai giá trị border-area cho thuộc tính background-clip của CSS, như được xác định trong CSS Backgrounds Level 4. background-clip: border-area cắt nền của một phần tử vào vùng được vẽ bằng các nét viền, có tính đến border-widthborder-style trong khi bỏ qua độ trong suốt của border-color. Nhờ đó, nhà phát triển có thể chuyển màu đường viền mà không cần border-image. WebKit đã cung cấp tính năng này; việc triển khai này giúp Chromium có được sự tương đồng.

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

Hàm image(<color>) của CSS

Hàm image() cho phép tác giả tạo hình ảnh có màu đồng nhất từ bất kỳ màu nào. Cú pháp của hàm này là: image() = image( <color> )

Lỗi theo dõi số 510426954 | Mục nhập ChromeStatus.com | Quy cách

CSS light-dark() có giá trị hình ảnh

Mở rộng hàm light-dark() của CSS để chấp nhận các giá trị hình ảnh (url(), image-set(), none) trong biểu định kiểu của tác giả, cho phép các thuộc tính hình ảnh như background-image, list-style-image, border-image-source, cursorcontent tự động chuyển đổi giữa các hình ảnh dựa trên bảng phối màu mà người dùng ưu tiên. Trước đây, bạn chỉ được phép sử dụng thuộc tính này trong biểu định kiểu UA. Điều này phù hợp với quy cách CSS Color 5 và phù hợp với cách triển khai hiện có của Firefox.

Lỗi theo dõi số 491829958 | Mục nhập ChromeStatus.com | Quy cách

Các truy vấn vùng chứa được phân tách bằng dấu phẩy

Hỗ trợ nhiều truy vấn cho mỗi quy tắc @container. Quy tắc @container sẽ áp dụng nếu có ít nhất một cụm từ tìm kiếm trùng khớp.

Điều này giúp bạn có thể sử dụng các truy vấn dự phòng cho những tính năng không được hỗ trợ trong tất cả các trình duyệt.

Lỗi theo dõi số 41491726 | Mục nhập ChromeStatus.com | Quy cách

Hiển thị các vùng không in được bằng CSS

Máy in thường có một vùng nhỏ ở mỗi trong số 4 cạnh của tờ giấy mà máy không thể đánh dấu một cách đáng tin cậy, thường là do cơ chế xử lý giấy của máy in. Lề trang mặc định dự kiến sẽ lớn hơn các vùng này, nhưng nếu tác giả tự đặt lề và thậm chí muốn thêm các hộp lề @page (ví dụ: cho tiêu đề và chân trang tuỳ chỉnh), họ cần có cách để biết vị trí nào in được và vị trí nào không.

Bạn có thể dùng bộ mô tả CSS page-margin-safety để tránh những vùng không in được như vậy.

Lỗi theo dõi số 368070327 | Mục nhập ChromeStatus.com | Quy cách

flex-wrap: balance

flex-wrap: balance cho phép nhà phát triển phân phối nội dung giữa các đường linh hoạt để nội dung xuất hiện cân bằng hơn (tương tự như text-wrap: balance).

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

hàm named-feature() cho CSS @supports

Hàm named-feature() cho phép các quy tắc @supports CSS truy vấn một nhóm nhỏ các tính năng cụ thể được đặt tên mà không thể kiểm thử bằng các cơ chế @supports khác nhưng được coi là rất có giá trị để kiểm thử.

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

overscroll-behavior: chain

overscroll-behavior hiện có 4 giá trị: none, auto, contain và giá trị mới chain. Những giá trị này ảnh hưởng đến 2 hiệu ứng độc lập: lan truyền thao tác cuộn và hiệu ứng đường viền cục bộ (ví dụ: hiệu ứng kéo khi cuộn quá mức).

  • none: không truyền, không có hiệu ứng cục bộ
  • auto: lan truyền, hiệu ứng cục bộ
  • contain: không truyền, hiệu ứng cục bộ
  • chain: lan truyền, không có hiệu ứng cục bộ

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

Hỗ trợ path-length dưới dạng một thuộc tính CSS.

Thay đổi này giới thiệu một thuộc tính CSS mới, path-length, ánh xạ đến thuộc tính trình bày pathLength hiện có của SVG. 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><ellipse>).

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

DOM và HTML

Sao chép vào tất cả các phần tử selectedcontent con

Chúng tôi sẽ thực hiện một số thay đổi nhỏ đối với các trường hợp đặc biệt của phần tử selectedcontent:

  • Khi nhiều phần tử selectedcontent được đặt trong một phần tử select cùng lúc, tất cả các phần tử đó sẽ được cập nhật thay vì chỉ phần tử đầu tiên theo thứ tự DOM.
  • Việc cập nhật phần tử nội dung đã chọn sẽ bị hoãn lại khi phần tử đó chạy trong các bước chèn, xoá hoặc di chuyển để khắc phục các vấn đề về bảo mật. Bản cập nhật bị hoãn lại bằng cách sử dụng các bước sau khi chèn hoặc các tác vụ vi mô.

Lỗi theo dõi số 458113204 | Mục nhập ChromeStatus.com | Quy cách

Focusgroup

Cung cấp khả năng khai báo để cung cấp cho các tiện ích kết hợp chế độ điều hướng bằng phím mũi tên, một điểm dừng phím Tab được đảm bảo và bộ nhớ được lấy tiêu điểm lần cuối, thay thế các tập lệnh tabindex chuyển vùng được mã hoá thủ công. Ví dụ:

<div focusgroup="toolbar wrap" aria-label="Formatting">
  <button>Bold</button>
  <button>Italic</button>
  <button>Underline</button>
</div>

Mục nhập ChromeStatus.com | Quy cách

Phát trực tuyến không theo thứ tự

Sử dụng <template for> và các dải chỉ dẫn xử lý (<?marker>, <?start><?end>) để cập nhật các phần hiện có của tài liệu mà không cần JS.

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

Phân tích cú pháp chỉ thị xử lý trong HTML

Lệnh xử lý (cú pháp: <?target data>) là một cấu trúc DOM hiện có, được hiển thị trong XML, đại diện cho các đối tượng nút không phải là phần tử nhưng có thể có một số ý nghĩa ngữ nghĩa để xử lý tài liệu.

Các chỉ dẫn xử lý được trình phân tích cú pháp HTML phân tích cú pháp và nhận được một API thuộc tính tương tự như các phần tử để biến đổi dữ liệu của chúng.

Lỗi theo dõi số 481087638 | Mục nhập ChromeStatus.com | Quy cách

popover=hint thay đổi về hành vi

Thay đổi này triển khai một mô hình xếp chồng đã được sửa đổi và đơn giản hoá cho thuộc tính popover=hint và các hoạt động tương tác của thuộc tính này với popover=auto. Trước đây, các hoạt động tương tác giữa hai loại cửa sổ bật lên này có thể phức tạp trong một số trường hợp đặc biệt (chẳng hạn như lồng các cửa sổ bật lên tự động bên trong cửa sổ bật lên gợi ý) và có thể dẫn đến hành vi không mong muốn. Theo mô hình mới, việc mở một chú thích bật lên sẽ không vô tình đóng các chú thích bật lên không liên quan. Các chú thích chỉ bị ẩn khi chú thích tự động của tổ tiên bị ẩn hoặc khi một chú thích tự động mới, không liên quan được mở. Ngoài ra, các nhà phát triển có thể lồng an toàn một cửa sổ bật lên tự động bên trong một cửa sổ bật lên gợi ý; thay vì đưa ra một ngoại lệ hoặc làm gián đoạn ngăn xếp, cửa sổ bật lên tự động được lồng sẽ "hạ cấp" một cách duyên dáng và hoạt động như một cửa sổ bật lên gợi ý. Điều này hỗ trợ các trường hợp sử dụng như đặt customizable-select trong popover=hint.

Để cải thiện hơn nữa khả năng dự đoán và ngăn chặn các biến đổi trạng thái phức tạp, chúng tôi cũng đang thắt chặt hành vi mở và đóng cửa sổ bật lên trong sự kiện beforetoggle. Trước đây, chúng tôi đã có các biện pháp bảo vệ cho một số trường hợp có thể xảy ra, nhưng không phải tất cả. Thay đổi này sẽ cải tiến cơ chế dùng để phát hiện những trường hợp này, nhờ đó, cơ chế này sẽ đáng tin cậy hơn khi đưa ra InvalidStateErrors cho tất cả những trường hợp như vậy. Điều này đảm bảo rằng việc quản lý trạng thái cửa sổ bật lên vẫn ổn định và ngăn chặn các lỗi lặp lại.

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

Lời hứa cuộn có lập trình

Tính năng này cung cấp một tín hiệu đáng tin cậy cho trạng thái hoàn thành của một thao tác cuộn mượt có lập trình. Tất cả các phương thức cuộn trong ElementWindow đều trả về các đối tượng Promise được phân giải khi hoàn tất thao tác cuộn và giá trị được phân giải cho biết thao tác cuộn có bị gián đoạn hay không.

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

Đồ hoạ và nội dung nghe nhìn

Tắt bộ lọc SVG trên trình bổ trợ và iframe

Chrome 150 sẽ ngăn việc áp dụng bộ lọc SVG cho trình bổ trợ được nhúng (ví dụ: tệp PDF) và iframe nhiều nguồn gốc hoặc bị hạn chế (ví dụ: iframe chạy trong môi trường hộp cát). Khi một trình bổ trợ hoặc iframe sẽ được tạo điểm ảnh bằng hiệu ứng bộ lọc SVG, cây hiệu ứng sẽ được chuyển tải để tìm đối tượng cấp trên cao nhất không có bộ lọc SVG, sau đó hiệu ứng đó sẽ được áp dụng.

Lỗi theo dõi số 476646486 | Mục nhập ChromeStatus.com | Quy cách

WebGPU: Immediates

Thêm một không gian địa chỉ tức thì mới trong WGSL và phương thức setImmediateData() trên bộ mã hoá truyền kết xuất, truyền tính toán và gói kết xuất cho phép nhà phát triển truyền trực tiếp một lượng nhỏ dữ liệu thường xuyên được cập nhật đến các chương trình đổ bóng mà không cần tạo các đối tượng vùng đệm GPU hoặc nhóm liên kết.

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

Bảo mật và Lời nói trên web

Nguồn gốc không rõ ràng cho các URL data:

Chrome 150 cập nhật cách Trình chạy chuyên dụng và Trình chạy dùng chung xử lý data:URL. Thay vì tự động kế thừa nguồn gốc bảo mật của tập lệnh hoặc trang đã tạo ra trình chạy, các trình chạy này sẽ được gán một nguồn gốc duy nhất, không rõ ràng.

Việc điều chỉnh này theo quy cách HTML của trình chạy giúp tăng cường tính bảo mật bằng cách tách biệt các trình chạy này khỏi trạng thái cùng nguồn gốc của bên tạo, ngăn chúng truy cập vào dữ liệu nhạy cảm bằng các cơ chế như BroadcastChannel hoặc bộ nhớ cùng nguồn gốc. Để duy trì ranh giới cô lập chính xác, các trình chạy này vẫn nằm trong cùng một phân vùng bộ nhớ (ví dụ: bằng cách bảo toàn trang web cấp cao nhất hoặc số chỉ dùng một lần) giống như bên tạo trình chạy.

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

Web Speech API: Chất lượng nhận dạng trên thiết bị

Mở rộng giao diện SpeechRecognition bằng cách thêm thuộc tính quality vào SpeechRecognitionOptions. Việc này cho phép nhà phát triển chỉ định khả năng ngữ nghĩa cần thiết cho tính năng nhận dạng trên thiết bị (bằng processLocally: true).

Enum chất lượng được đề xuất hỗ trợ 3 cấp: command, dictationconversation. Những cấp độ này tương ứng với độ phức tạp của nhiệm vụ và yêu cầu về phần cứng ngày càng tăng. Nhờ đó, nhà phát triển có thể xác định xem thiết bị cục bộ có thể xử lý các trường hợp sử dụng có mức độ rủi ro cao (chẳng hạn như phiên âm cuộc họp) hay họ nên quay lại các dịch vụ đám mây.

Theo dõi lỗi #476168420 | Mục nhập ChromeStatus.com | Thông số kỹ thuật

Ứng dụng web

Di chuyển nguồn gốc PWA

Khi người dùng cài đặt một Ứng dụng web tiến bộ (PWA), danh tính và bối cảnh bảo mật của ứng dụng đó sẽ gắn liền với nguồn gốc trang web của ứng dụng, ví dụ: app.example.com. Điều này gây ra một thách thức đáng kể cho những nhà phát triển cần thay đổi nguồn gốc của PWA do đổi mới thương hiệu, tái cấu trúc miền hoặc tái cấu trúc kỹ thuật. Nếu không di chuyển nguồn gốc, thì người dùng phải gỡ cài đặt ứng dụng cũ theo cách thủ công rồi cài đặt lại ứng dụng mới, khiến trải nghiệm bị gián đoạn và tiềm ẩn nguy cơ gia tăng số người dùng ngừng sử dụng. Chrome 150 giới thiệu một cơ chế giúp các nhà phát triển di chuyển liền mạch một PWA đã cài đặt sang một nguồn gốc mới trên cùng một trang web, đồng thời duy trì sự tin tưởng và các quyền của người dùng.

Chính sách WebAppInstallForceList sẽ chặn quá trình di chuyển. Vì các chính sách doanh nghiệp về ứng dụng web chủ yếu dựa trên URL và nguồn gốc, nên có nguy cơ quá trình di chuyển sẽ bỏ qua một số chính sách mà quản trị viên có thể đã định cấu hình. Chrome sẽ không đề nghị người dùng thực hiện quá trình di chuyển khi quản trị viên của doanh nghiệp họ buộc cài đặt một ứng dụng, mà sẽ hiển thị một biểu ngữ để giải thích điều này cho người dùng.

Lỗi theo dõi số 396504527 | Mục nhập ChromeStatus.com | Quy cách

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

Giao thức xác minh email

EVP (giao thức xác minh email) giúp người dùng tạo, truy cập và khôi phục tài khoản bằng cách cung cấp bằng chứng mã hoá về quyền sở hữu một cách liền mạch thay vì nhập mã OTP qua email theo cách thủ công.

Origin Trial | ChromeStatus.com entry | Spec

Đo lường mức tải theo suy đoán

Hiển thị dữ liệu đo lường liên quan đến các tải suy đoán (tải trước, tìm nạp trước và kết xuất trước) trong phương thức performance.getSpeculations() mới được hiển thị. Điều đó sẽ cho phép nhà phát triển đo lường hiệu quả của nhiều chiến lược tải dự đoán và điều chỉnh chúng cho phù hợp.

Origin Trial | Tracking bug #481590676 | ChromeStatus.com entry

WebRTC Diagnostic Logging API

API để ghi nhật ký chẩn đoán WebRTC.

API này cho phép ứng dụng chọn sử dụng tính năng ghi nhật ký chẩn đoán. Các nhật ký này chứa thông tin về hoạt động WebRTC của ứng dụng và hữu ích cho việc gỡ lỗi cục bộ hoặc để báo cáo lỗi.

Bạn có thể tải nhật ký lên nhà cung cấp trình duyệt (không bắt buộc) và có thể dùng nhật ký này để chẩn đoán lỗi. Ứng dụng sẽ nhận được một mã nhận dạng có thể được đính kèm vào báo cáo lỗi, tương tự như sự cố.

Nhật ký chẩn đoán được bật bằng một chính sách doanh nghiệp có tên là WebRtcDiagnosticLogCollectionAllowedForOrigins.

Origin Trial | Tracking bug #481412281 | ChromeStatus.com entry | Spec

Bản không dùng nữa và việc xoá

Không có tính năng nào bị ngừng sử dụng hoặc bị xoá trong bản phát hành này.