Chrome 131

Ngày phát hành phiên bản ổn định: Ngày 12 tháng 11 năm 2024

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

CSS

Định vị neo CSS: anchor-scope

Thuộc tính anchor-scope cho phép giới hạn chế độ hiển thị của tên neo cho một cây con nhất định.

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

CSS font-variant-emoji

Thuộc tính CSS font-variant-emoji cung cấp một cách để kiểm soát giữa các ký tự biểu tượng cảm xúc có màu (kiểu biểu tượng cảm xúc) và đơn sắc (kiểu văn bản). Bạn cũng có thể thực hiện việc này bằng cách thêm bộ chọn biến thể biểu tượng cảm xúc, cụ thể là U+FE0E cho văn bản và U+FE0F cho biểu tượng cảm xúc, sau mỗi mã điểm biểu tượng cảm xúc.

MDN font-variant-emoji | Mục nhập ChromeStatus.com

Tính năng kế thừa làm nổi bật CSS

Các thay đổi đối với tính năng kế thừa làm nổi bật CSS dự kiến sẽ được cung cấp trong Chrome 131 nhưng đã bị xoá do lý do tương thích.

Thay đổi về tính kế thừa cho kiểu lựa chọn CSS | Mục nhập ChromeStatus.com | Thông số kỹ thuật

Cải tiến cấu trúc định kiểu của các phần tử <details><summary>

Hỗ trợ thêm kiểu CSS cho cấu trúc của các phần tử <details><summary> để cho phép sử dụng các phần tử này trong nhiều trường hợp hơn khi các tiện ích thông tin công bố hoặc tiện ích dạng accordéon được tạo trên web. Cụ thể, thay đổi này sẽ xoá các quy tắc hạn chế ngăn việc thiết lập thuộc tính hiển thị trên các phần tử này và thêm phần tử giả ::details-content để tạo kiểu cho vùng chứa cho phần mở rộng và thu gọn.

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

Hộp lề @page

Thêm tính năng hỗ trợ cho hộp lề trang khi in tài liệu web hoặc xuất tài liệu dưới dạng PDF.

Hộp lề @page cho phép bạn xác định nội dung trong vùng lề của trang, chẳng hạn như để cung cấp tiêu đề và chân trang tuỳ chỉnh, thay vì sử dụng tiêu đề và chân trang tích hợp sẵn do trình duyệt tạo.

Hộp lề được xác định bằng cách sử dụng quy tắc at-rule bên trong quy tắc @page CSS. Giao diện và nội dung của hộp lề được chỉ định bằng các thuộc tính CSS bên trong quy tắc at, bao gồm cả thuộc tính nội dung. Bộ đếm cũng được hỗ trợ để đánh số trang. Quy cách này xác định hai tên bộ đếm đặc biệt: page cho số trang hiện tại và pages cho tổng số trang.

Thêm nội dung vào lề của trang web khi in bằng CSS | Theo dõi lỗi #320370 | Mục nhập ChromeStatus.com | Thông số kỹ thuật

@property hỗ trợ cú pháp <string>

Hỗ trợ tên thành phần cú pháp <string> cho các thuộc tính tuỳ chỉnh đã đăng ký.

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

Chọn tính năng thư giãn trình phân tích cú pháp

Điều này giúp trình phân tích cú pháp HTML cho phép các thẻ trong <select> ngoài <option>, <optgroup><hr>.

Thay đổi này nhằm hỗ trợ tính năng <select> có thể tuỳ chỉnh.

Theo dõi lỗi #335456114 | Mục nhập ChromeStatus.com

Hỗ trợ currentcolor trong cú pháp màu tương đối

Cho phép các màu tương đối trong CSS (sử dụng từ khoá from) sử dụng currentcolor làm cơ sở. Điều này cho phép bạn đặt màu bổ sung, dựa trên màu văn bản của một phần tử, cho đường viền, bóng hoặc nền của phần tử đó.

Tính năng này cũng bao gồm các trường hợp sử dụng trong đó các hàm màu được lồng với một phần phụ thuộc trên màu hiện tại, ví dụ: color-mix(in srgb, rgb(from currentcolor r g b), white)) hoặc rgb(from rgb(from currentcolor 1 g b) b g r).

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

Hỗ trợ tài nguyên SVG bên ngoài cho các thuộc tính clip-path, fill, strokemarker-*

Tính năng này hỗ trợ thêm các tệp tham chiếu bên ngoài cho đường dẫn cắt, điểm đánh dấu và máy chủ vẽ (đối với thuộc tính fillstroke). Ví dụ: clip-path: url("resources.svg#myPath")

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

API web

Direct Sockets API

Cho phép Ứng dụng web tách biệt thiết lập giao thức điều khiển truyền trực tiếp (TCP) và giao thức dữ liệu người dùng (UDP) với các thiết bị và hệ thống mạng, cũng như nghe và chấp nhận các kết nối đến.

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

Miễn tiêu đề Speculation-Rules khỏi các quy định hạn chế của CSP

cập nhật tính năng tích hợp giữa quy tắc suy đoán và CSP để CSP chỉ áp dụng cho <script type=speculationrules> chứ không áp dụng cho tiêu đề Speculation-Rules.

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

FedCM làm tín hiệu đáng tin cậy cho API Truy cập bộ nhớ

Điều chỉnh FedCM và API Truy cập bộ nhớ bằng cách cấp cho FedCM trước đó một lý do hợp lệ để tự động phê duyệt yêu cầu truy cập bộ nhớ.

Theo dõi lỗi #330574529 | Mục nhập ChromeStatus.com

Giá trị COOP noopener-allow-popups

Một số nguồn gốc có thể chứa nhiều ứng dụng với các mức độ yêu cầu bảo mật khác nhau. Trong những trường hợp đó, bạn nên ngăn các tập lệnh chạy trong một ứng dụng mở và truy cập vào các trang tập lệnh của một ứng dụng khác có cùng nguồn gốc.

Trong những trường hợp như vậy, một tài liệu có thể có lợi khi đảm bảo rằng trình mở tài liệu đó không thể tập lệnh tài liệu, ngay cả khi tài liệu mở là tài liệu cùng nguồn gốc.

Giá trị Cross-Origin-Opener-Policy noopener-allow-popups cho phép tài liệu xác định điều đó.

Theo dõi lỗi #344963946 | Mục nhập ChromeStatus.com

WebHID trên worker chuyên dụng

Bật WebHID bên trong các ngữ cảnh worker chuyên dụng. Điều này cho phép bạn thực hiện I/O nặng và xử lý dữ liệu từ thiết bị HID trên một luồng riêng biệt, giúp giảm tác động đến hiệu suất trên luồng chính.

Mục nhập ChromeStatus.com

WebRTC RTCRtpEncodingParameters.scaleResolutionDownTo

Một API định cấu hình bộ mã hoá WebRTC để điều chỉnh tỷ lệ khung hình đầu vào nếu lớn hơn maxWidthmaxHeight đã chỉ định. API này tương tự như scaleResolutionDownBy, ngoại trừ việc các quy tắc ràng buộc về độ phân giải được thể hiện theo các thuật ngữ tuyệt đối (ví dụ: 640x360) thay vì các thuật ngữ tương đối (ví dụ: giảm tỷ lệ theo 2), tránh các điều kiện tương tranh liên quan đến việc thay đổi kích thước khung đầu vào một cách nhanh chóng.

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

Mô-đun nhập bằng tay WebXr Cấp 1

Hiển thị dữ liệu khớp tay trên XrInputSources để sử dụng trong phiên WebXr. Điều này cho phép nhà phát triển có nhiều lượt tương tác chi tiết hơn trong các phiên WebXr.

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

Kết xuất và đồ hoạ

Khoảng cách cắt WebGPU

Thêm tính năng GPU không bắt buộc clip-distances cho phép đặt khoảng cách cắt do người dùng xác định trong đầu ra chương trình đổ bóng đỉnh. Kỹ thuật này đặc biệt hữu ích cho các ứng dụng cần cắt tất cả các đỉnh trong một cảnh nằm ngoài mặt phẳng do người dùng xác định, chẳng hạn như nhiều ứng dụng CAD.

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

WebGPU: GPUCanvasContext getConfiguration()

Sau khi GPUCanvasContext configure() được gọi bằng một từ điển cấu hình, bạn có thể sử dụng phương thức GPUCanvasContext getConfiguration() để kiểm tra cấu hình ngữ cảnh canvas. Bao gồm các thành viên GPU device, format, usage, viewFormats, colorSpace, toneMappingalphaMode. Như đã thảo luận trong vấn đề 4828, các ứng dụng web có thể sử dụng API này để phát hiện xem canvas HDR có được hỗ trợ trong WebGPU hay không.

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

Quyền riêng tư

Attribution-Reporting API: Xoá giới hạn kích thước giá trị nhận dạng khoá tổng hợp đối với lượt đăng ký điều kiện kích hoạt

Trước đây, giới hạn độ dài giá trị nhận dạng khoá tổng hợp được kiểm tra trong cả quá trình đăng ký nguồn và điều kiện kích hoạt. Vì giới hạn này không phải là về quyền riêng tư và không được lưu trữ trong bộ nhớ, nên giới hạn này sẽ bị xoá trong quá trình đăng ký điều kiện kích hoạt.

Mục nhập ChromeStatus.com

Private Aggregation API: Tăng giới hạn đóng góp lên 100 cho phương thức gọi Protected Audience

Cho phép trình chạy tập lệnh Protected Audience đóng góp tối đa 100 lần cho mỗi báo cáo Tổng hợp riêng tư, so với giới hạn hiện tại là 20.

Tính năng Tổng hợp riêng tư giới hạn số lượng dữ liệu đóng góp biểu đồ có thể được nhúng vào một báo cáo tổng hợp, loại bỏ mọi dữ liệu đóng góp bổ sung. Phương thức gọi Bộ nhớ dùng chung có thể giải quyết giới hạn này bằng cách gọi một thao tác khác trên Bộ nhớ dùng chung. Tuy nhiên, các phương thức gọi Protected Audience không có bộ nhớ ổn định, vì vậy, các phương thức này sẽ mất các giá trị đóng góp thừa vào cuối phiên đấu giá. Xin lưu ý rằng thay đổi này không ảnh hưởng đến quyền riêng tư vì các đóng góp của API vẫn bị giới hạn bởi cùng một ngân sách quyền riêng tư.

Do khoảng đệm, mỗi báo cáo Protected Audience sẽ có tải trọng lớn hơn, ngay cả khi báo cáo đó không cần giới hạn đóng góp lớn hơn. Chúng tôi dự kiến rằng các báo cáo lớn hơn này sẽ làm tăng chi phí vận hành Dịch vụ tổng hợp.

Theo dõi lỗi #360160864 | Mục nhập ChromeStatus.com

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

API Số liệu thống kê phát cho WebAudio

API AudioContext.playoutStats cho phép ứng dụng đo lường chất lượng và độ trễ của quá trình phát âm thanh bằng WebAudio.

Origin Trial | Mục nhập ChromeStatus.com | Spec

ServiceWorkerStaticRouterTimingInfo

Thêm thông tin về thời gian cho API định tuyến tĩnh ServiceWorker, được hiển thị trong API thời gian điều hướng và API thời gian tài nguyên để nhà phát triển sử dụng.

Trình chạy dịch vụ cung cấp thông tin về thời gian để đánh dấu một số thời điểm nhất định. Chúng ta thêm hai thông tin về thời gian liên quan đến API định tuyến tĩnh: RouterEvaluationStart, thời gian bắt đầu so khớp một yêu cầu với các quy tắc định tuyến đã đăng ký và CacheLookupStart, thời gian bắt đầu tra cứu bộ nhớ đệm nếu nguồn là "bộ nhớ đệm". Ngoài ra, chúng ta cũng thêm hai thông tin nguồn bộ định tuyến, nguồn bộ định tuyến được so khớp và nguồn bộ định tuyến cuối cùng.

Origin Trial | Mục nhập ChromeStatus.com

API Tóm tắt

Một API JavaScript để tạo bản tóm tắt văn bản đầu vào, được hỗ trợ bởi một mô hình ngôn ngữ AI.

Origin Trial | Tài liệu về API tóm tắt | Theo dõi lỗi #351744634 | Mục nhập ChromeStatus.com

Translator API

API JavaScript để cung cấp chức năng dịch ngôn ngữ cho các trang web.

Origin Trial | Tài liệu về API của Trình dịch | Theo dõi lỗi #322229993 | Mục nhập ChromeStatus.com

Ngừng sử dụng và xoá

Xoá thuộc tính CSS Anchor Positioning (Định vị neo) inset-area

Với nghị quyết của Nhóm làm việc CSS về việc đổi tên thuộc tính inset-area thành position-area, việc xoá này sẽ dọn dẹp quá trình triển khai trong Chromium cho một tính năng tuân thủ tiêu chuẩn.

Theo dõi lỗi #352360007 | Mục nhập ChromeStatus.com

Xoá khả năng tắt BeforeunloadEventCancelByPreventDefault

Tính năng BeforeunloadEventCancelByPreventDefault đã được phát hành trong Chrome 117, nhưng có một chính sách doanh nghiệp cho phép buộc tắt cờ này. Chính sách dành cho doanh nghiệp sẽ bị xoá trong Chrome 131.

Mục nhập ChromeStatus.com

Xoá phương thức requestAdapterInfo() GPUAdapter không chuẩn

Nhóm làm việc WebGPU đã quyết định rằng requestAdapterInfo() không thực tế để kích hoạt lời nhắc cấp quyền, vì vậy, họ đã xoá tuỳ chọn đó và thay thế bằng thuộc tính GPUAdapter info để các nhà phát triển web có thể đồng bộ nhận được cùng một giá trị GPUAdapterInfo.

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

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

Bạn muốn tìm hiểu thêm? Hãy tham khảo các tài nguyên bổ sung sau.

Tải Google Chrome xuống

Tải Chrome xuống cho Android, máy tính hoặc iOS.