Ngày xuất bản: 1 tháng 10 năm 2025
Trừ phi có ghi chú khác, những thay đổi này áp dụng cho bản phát hành kênh beta Chrome 142 cho Android, ChromeOS, Linux, macOS và Windows. Tìm hiểu thêm về những tính năng này qua các đường liên kết được cung cấp hoặc trên ChromeStatus.com. Tải Chrome 142 beta xuống từ Google.com cho máy tính hoặc Cửa hàng Google Play cho Android.
CSS và giao diện người dùng
Các lớp giả :target-before và :target-after
Các lớp giả này khớp với các điểm đánh dấu cuộn nằm trước hoặc sau điểm đánh dấu đang hoạt động (khớp với :target-current) trong cùng một nhóm điểm đánh dấu cuộn, theo thứ tự cây phẳng:
:target-before: So khớp tất cả các điểm đánh dấu cuộn đứng trước điểm đánh dấu đang hoạt động theo thứ tự cây phẳng trong nhóm.:target-after: So khớp tất cả các điểm đánh dấu cuộn theo điểm đánh dấu đang hoạt động theo thứ tự cây phẳng trong nhóm.
Đặt vị trí tuyệt đối cho phần tử ::view-transition
Hiệu ứng chuyển đổi khung hiển thị sử dụng một cây con giả của phần tử, trong đó ::view-transition là gốc của hiệu ứng chuyển đổi đó. Trước đây, phần tử ::view-transition được chỉ định có position: fixed. Nhóm công tác CSS đã quyết định thực hiện thay đổi này position: absolute và Chrome hiện đã phản ánh thay đổi đó.
Bạn sẽ không nhận thấy thay đổi này vì khối chứa của phần tử này vẫn là khối chứa ảnh chụp nhanh trong trường hợp tuyệt đối hoặc cố định. Điểm khác biệt đáng chú ý duy nhất là ở getComputedStyle.
Thuộc tính activeViewTransition trên tài liệu
API Chuyển đổi chế độ xem cho phép nhà phát triển bắt đầu các hiệu ứng chuyển đổi trực quan giữa các trạng thái. Điểm truy cập SPA chính là startViewTransition(), trả về một đối tượng chuyển đổi. Đối tượng này chứa một số promise và chức năng để theo dõi tiến trình chuyển đổi, đồng thời cho phép bạn thao tác với các hiệu ứng chuyển đổi, chẳng hạn như bỏ qua hiệu ứng chuyển đổi hoặc sửa đổi các loại hiệu ứng chuyển đổi.
Kể từ Chrome 142, nhà phát triển không cần lưu trữ đối tượng này nữa. Thuộc tính document.activeViewTransition đại diện cho đối tượng này hoặc null nếu không có quá trình chuyển đổi nào đang diễn ra.
Điều này cũng áp dụng cho các quá trình chuyển đổi MPA, trong đó đối tượng chỉ có sẵn thông qua các sự kiện pageswap và pagereveal. Trong bản cập nhật này, document.activeViewTransition được đặt thành đối tượng này trong suốt quá trình chuyển đổi.
Cú pháp phạm vi cho truy vấn vùng chứa kiểu và if()
Chrome cải thiện các truy vấn kiểu CSS và hàm if() bằng cách thêm hỗ trợ cho cú pháp phạm vi.
Tính năng này mở rộng các truy vấn kiểu ngoài việc so khớp giá trị chính xác (ví dụ: style(--theme: dark)). Nhà phát triển có thể sử dụng các toán tử so sánh (chẳng hạn như > và <) để so sánh các thuộc tính tuỳ chỉnh, giá trị cố định (ví dụ: 10px hoặc 25%) và các giá trị từ các hàm thay thế như attr() và env(). Để so sánh hợp lệ, cả hai bên phải phân giải thành cùng một kiểu dữ liệu. Loại này chỉ giới hạn ở các kiểu số sau: <length>, <number>, <percentage>, <angle>, <time>, <frequency> và <resolution>.
Ví dụ:
So sánh một thuộc tính tuỳ chỉnh với độ dài cố định:
@container style(--inner-padding > 1em) {
.card {
border: 2px solid;
}
}
So sánh hai giá trị cố định
@container style(1em < 20px) {
/* ... */
}
Sử dụng dải ô kiểu trong if():
.item-grid {
background-color: if(style(attr(data-columns, type<number>) > 2): lightblue; else: white);
}
Công cụ kích hoạt mối quan tâm (thuộc tính interestfor)
Chrome thêm một thuộc tính interestfor vào các phần tử <button> và <a>. Thuộc tính này thêm các hành vi "quan tâm" vào phần tử. Khi người dùng "thể hiện sự quan tâm" đến phần tử, các thao tác sẽ được kích hoạt trên phần tử đích, ví dụ: hiển thị một cửa sổ bật lên. Tác nhân người dùng phát hiện thời điểm người dùng "thể hiện sự quan tâm" đến phần tử thông qua các phương thức như giữ con trỏ trên phần tử, nhấn các phím nóng đặc biệt trên bàn phím hoặc nhấn và giữ phần tử trên màn hình cảm ứng. Khi người dùng thể hiện sự quan tâm hoặc không còn quan tâm, một InterestEvent sẽ kích hoạt trên mục tiêu, mục tiêu này có các thao tác mặc định cho cửa sổ bật lên, chẳng hạn như hiện và ẩn cửa sổ bật lên.
Thuộc tính font-language-override
Chrome hỗ trợ thuộc tính CSS font-language-override. Thuộc tính này cho phép nhà phát triển ghi đè ngôn ngữ hệ thống dùng để thay thế glyph OpenType bằng cách chỉ định trực tiếp thẻ ngôn ngữ gồm 4 ký tự trong CSS.
Tính năng này cho phép kiểm soát kiểu chữ một cách chi tiết, đặc biệt hữu ích đối với nội dung đa ngôn ngữ hoặc phông chữ có các biến thể ký tự dành riêng cho từng ngôn ngữ.
Thuộc tính download trong phần tử <a> SVG
Chrome giới thiệu tính năng hỗ trợ thuộc tính download trên giao diện SVGAElement, phù hợp với quy cách SVG 2. Thuộc tính download cho phép tác giả chỉ định rằng thuộc tính này sẽ tải đích đến của một siêu liên kết SVG xuống thay vì chuyển đến đích đến đó. Điều này phản ánh hành vi đã được hỗ trợ trong HTMLAnchorElement. Điều này giúp tăng khả năng tương tác giữa các trình duyệt chính và đảm bảo hành vi nhất quán giữa các phần tử HTML và SVG <a>, đồng thời cải thiện trải nghiệm của nhà phát triển và kỳ vọng của người dùng.
Tính tương đồng giữa thiết bị di động và máy tính cho một số chế độ kết xuất phần tử
Bằng cách sử dụng các thuộc tính size và multiple, phần tử <select> có thể được hiển thị dưới dạng hộp danh sách trong trang hoặc nút có cửa sổ bật lên. Tuy nhiên, các chế độ này không có sẵn trên cả Chrome dành cho thiết bị di động và máy tính. Không thể hiển thị hộp danh sách trong trang trên thiết bị di động và không thể hiển thị nút có cửa sổ bật lên trên máy tính khi thuộc tính multiple xuất hiện.
Bản cập nhật này sẽ thêm hộp danh sách vào thiết bị di động và một cửa sổ bật lên có thể chọn nhiều mục vào máy tính, đồng thời đảm bảo rằng các lựa chọn nhận thông tin có thuộc tính size và multiple sẽ có cùng chế độ hiển thị trên thiết bị di động và máy tính. Các thay đổi được tóm tắt như sau:
- Khi thuộc tính
sizecó giá trị lớn hơn1, quá trình kết xuất trong trang luôn được sử dụng. Trước đây, thiết bị di động bỏ qua thông tin này. - Khi bạn đặt thuộc tính
multiplemà không có thuộc tínhsize, quá trình kết xuất trong trang sẽ được sử dụng. Trước đây, thiết bị di động sử dụng một cửa sổ bật lên thay vì một hộp danh sách trên trang. - Khi bạn đặt thuộc tính
multiplebằngsize=1, một cửa sổ bật lên sẽ xuất hiện. Trước đây, các thiết bị máy tính sử dụng hộp danh sách trong trang.
Kích hoạt người dùng cố định trên các thao tác điều hướng do trình kết xuất cùng nguồn gốc khởi tạo
Chrome duy trì trạng thái kích hoạt của người dùng cố định sau khi một trang chuyển đến một trang khác có cùng nguồn gốc. Việc thiếu hoạt động kích hoạt của người dùng trên trang sau khi điều hướng sẽ ngăn chặn một số trường hợp sử dụng, chẳng hạn như hiển thị bàn phím ảo khi tự động lấy tiêu điểm. Điều này đã chặn những nhà phát triển muốn tạo MPA trên SPA.
Điều này không bao gồm các yêu cầu điều hướng do trình duyệt khởi tạo (tải lại, điều hướng theo nhật ký, URL được nhập trong thanh địa chỉ, v.v.).
Web API
WebGPU: Tính năng primitive_index
WebGPU bổ sung một chức năng mới không bắt buộc, cho phép hiển thị một chương trình đổ bóng WGSL tích hợp mới, primitive_index. Nó cung cấp chỉ mục cho mỗi thành phần cơ bản cho các chương trình đổ bóng mảnh trên phần cứng được hỗ trợ, tương tự như các thành phần tích hợp vertex_index và instance_index. Chỉ mục nguyên thuỷ rất hữu ích cho các kỹ thuật đồ hoạ nâng cao, chẳng hạn như hình học ảo hoá.
WebGPU: Cấp 1 và cấp 2 của định dạng kết cấu
Mở rộng khả năng hỗ trợ định dạng kết cấu GPU bằng các chức năng như tệp đính kèm kết xuất, kết hợp, lấy mẫu nhiều lần, phân giải và storage_binding.
Thuộc tính DataTransfer cho các sự kiện đầu vào insertFromPaste, insertFromDrop và insertReplacementText
Điền thuộc tính dataTransfer vào các sự kiện đầu vào bằng các giá trị inputType của insertFromPaste, insertFromDrop và insertReplacementText để cấp quyền truy cập vào dữ liệu trên bảng nhớ tạm và dữ liệu kéo và thả trong các thao tác chỉnh sửa trong các phần tử có thể chỉnh sửa nội dung.
Đối tượng dataTransfer chứa cùng dữ liệu có sẵn trong sự kiện beforeinput.
Tính năng này chỉ áp dụng cho các phần tử có thể chỉnh sửa nội dung. Đối với các chế độ kiểm soát biểu mẫu (textarea, input), cách hoạt động này không có gì khác.
Thuộc tính này giúp Chrome tương tác được với Safari và Firefox.
Phiên phát nội dung nghe nhìn: thêm lý do vào thông tin chi tiết về thao tác enterpictureinpicture
Thêm enterPictureInPictureReason vào MediaSessionActionDetails được gửi đến thao tác enterpictureinpicture trong Media Session API. Điều này cho phép nhà phát triển phân biệt giữa các thao tác enterpictureinpicture do người dùng kích hoạt một cách rõ ràng (ví dụ: từ một nút trong tác nhân người dùng) và các thao tác enterpictureinpicture do tác nhân người dùng tự động kích hoạt vì nội dung bị che khuất.
Web Speech API contextual biasing
Bản cập nhật này cho phép các trang web hỗ trợ việc điều chỉnh theo bối cảnh cho tính năng nhận dạng giọng nói bằng cách thêm danh sách cụm từ nhận dạng vào Web Speech API.
Nhà phát triển có thể cung cấp một danh sách các cụm từ và cập nhật danh sách đó để áp dụng độ lệch cho các mô hình nhận dạng giọng nói theo hướng có lợi cho những cụm từ đó. Điều này giúp cải thiện độ chính xác và mức độ liên quan của tính năng nhận dạng lời nói theo từng miền và được cá nhân hoá.
Xác thực mã thông báo MIME *+json nghiêm ngặt hơn cho các mô-đun JSON
Từ chối các phản hồi tập lệnh mô-đun JSON có loại hoặc loại con MIME chứa các điểm mã mã thông báo không phải HTTP (ví dụ: khoảng trắng) khi khớp với *+json. Điều này phù hợp với quy cách MIME Sniffing và các công cụ khác. Đây là một phần trong mảng sản phẩm chuyên về các mô-đun Interop 2025.
FedCM – Hỗ trợ hiển thị nguồn gốc iframe của bên thứ ba trong giao diện người dùng
Trước Chrome 142, FedCM luôn hiển thị trang web cấp cao nhất trong giao diện người dùng.
Điều này sẽ hiệu quả khi iframe về cơ bản là của bên thứ nhất (ví dụ: foo.com có thể có một iframe foostatic.com không có ý nghĩa đối với người dùng).
Nhưng nếu iframe thực sự là của bên thứ ba, thì bạn nên cho thấy nguồn gốc của iframe trong giao diện người dùng để người dùng hiểu rõ hơn về bên mà họ đang chia sẻ thông tin đăng nhập. Ví dụ: một trình chỉnh sửa ảnh có thể được nhúng trong một ứng dụng web xuất bản sách và có thể muốn cho phép người dùng truy cập vào các tệp mà họ đã lưu trữ trước đó bằng trình chỉnh sửa ảnh. Tính năng này hiện đã được cung cấp.
Tách biệt quy trình theo khoá nguồn gốc
Chuyển chính sách tách biệt quy trình từ việc khoá các quy trình đối với một trang web (ví dụ: example.com) sang việc khoá các quy trình đối với một nguồn gốc cụ thể (ví dụ: foo.example.com).
Để tăng cường bảo mật hơn nữa, Chrome đang chuyển sang một mô hình tách biệt quy trình chi tiết hơn, được gọi là "Tách biệt nguồn gốc". Chrome đã sử dụng tính năng "Tách biệt trang web" để nhóm các nguồn gốc khác nhau trên cùng một trang web (ví dụ: a.example.com và b.example.com) thành một quy trình kết xuất duy nhất.
Với tính năng Tách biệt nguồn gốc, mỗi nguồn gốc riêng lẻ (chẳng hạn như https://foo.example.com) sẽ được tách biệt trong quy trình kết xuất riêng. Tính năng này củng cố cấu trúc bảo mật của Chrome bằng cách điều chỉnh ranh giới xử lý theo mô hình bảo mật cơ bản dựa trên nguồn gốc của web, giúp tăng cường khả năng bảo vệ trước các lỗ hổng tiềm ẩn trong các trang web.
Các sự kiện pointerrawupdate có thể tương tác chỉ được hiển thị trong các bối cảnh an toàn
Quy cách PointerEvents đã hạn chế pointerrawupdate đối với các ngữ cảnh bảo mật vào năm 2020, ẩn cả sự kiện kích hoạt và trình nghe sự kiện chung khỏi các ngữ cảnh không bảo mật. Với bản cập nhật này, Chrome sẽ tuân thủ quy cách mới và có thể tương tác với các trình duyệt chính khác.
Bản dùng thử theo nguyên gốc đang diễn ra
Trong Chrome 142, bạn có thể chọn tham gia các thử nghiệm nguồn gốc mới sau đây.
Thông tin xác thực phiên được liên kết với thiết bị
Một cách để các trang web liên kết một phiên với một thiết bị duy nhất một cách an toàn.
Tính năng này cho phép các máy chủ liên kết một phiên với một thiết bị một cách an toàn. Trình duyệt sẽ định kỳ gia hạn phiên khi máy chủ yêu cầu, kèm theo bằng chứng về quyền sở hữu khoá riêng tư.
Nhóm socket TCP cho mỗi trang web cấp cao nhất
Thử nghiệm này đánh giá tác động của việc thay đổi kích thước nhóm ổ cắm TCP cho mỗi hồ sơ từ 256 (mặc định) thành 513 trong khi thêm giới hạn 256 cho mỗi trang web cấp cao nhất (để đảm bảo không có hai thẻ nào có thể sử dụng hết nhóm). Chúng tôi đã nghiên cứu tính khả thi của việc tăng giới hạn cho mỗi hồ sơ lên 512 và không nhận thấy kết quả tiêu cực. Giới hạn 256 cho mỗi trang web cấp cao nhất bằng với giới hạn mặc định cho mỗi hồ sơ, nên giới hạn này sẽ không ảnh hưởng tiêu cực đến hiệu suất. Các giới hạn này được áp dụng độc lập cho nhóm WebSocket và nhóm socket thông thường (HTTP).
Mục đích là chạy thử nghiệm này trực tiếp nếu không có tác động tiêu cực nào xảy ra.