Ngày xuất bản: ngày 16 tháng 10 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 mới nhất của kênh beta Chrome dành cho Android, ChromeOS, Linux, macOS và Windows. Tìm hiểu thêm về các tính năng được liệt kê tại đây thông qua các đường liên kết được cung cấp hoặc trong danh sách trên ChromeStatus.com. Chrome 131 đang ở giai đoạn thử nghiệm từ ngày 16 tháng 10 năm 2024. Bạn có thể tải phiên bản mới nhất xuống từ Google.com dành cho máy tính hoặc Cửa hàng Google Play trên Android.
CSS
Bản phát hành này bổ sung 8 tính năng mới của 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.
font-variant-emoji CSS
Thuộc tính CSS font-variant-emoji cung cấp 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 điểm mã biểu tượng cảm xúc.
Tính năng kế thừa làm nổi bật CSS
Với tính kế thừa làm nổi bật CSS, CSS sẽ làm nổi bật các lớp giả, chẳng hạn như ::selection và ::highlight, kế thừa các thuộc tính của chúng thông qua chuỗi đánh dấu giả, thay vì chuỗi phần tử. Kết quả là một mô hình trực quan hơn để kế thừa các thuộc tính trong phần nổi bật.
Để tìm hiểu thêm, hãy đọc bài đăng trên blog Thay đổi về tính kế thừa để tạo kiểu lựa chọn CSS do Stephen Chenney thuộc Igalia viết.
Cải tiến cấu trúc kiểu của các phần tử <details> và <summary>
Hỗ trợ thêm kiểu CSS cho cấu trúc của các phần tử <details> và <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 công bố hoặc tiện ích xếp nếp được tạo trên web. Cụ thể, thay đổi này sẽ xoá cá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.
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 một trang, chẳng hạn như để cung cấp đầu trang và chân trang tuỳ chỉnh, thay vì sử dụng đầu trang 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 với các thuộc tính CSS bên trong quy tắc @, bao gồm cả thuộc tính content. 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.
@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ý.
Hỗ trợ màu hiện tại 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).
Hỗ trợ tài nguyên SVG bên ngoài cho các thuộc tính clip-path, fill, stroke và marker-*
Tính năng này hỗ trợ thêm các tệp tham chiếu bên ngoài cho đường cắt, điểm đánh dấu và máy chủ vẽ (đối với thuộc tính "fill" và "stroke"). Ví dụ: clip-path: url("resources.svg#myPath").
API web
Direct Sockets API
Cho phép Ứng dụng web tách biệt thiết lập giao thức kiểm soát truyền trực tiếp (TCP) và giao thức giao thức gói dữ liệu người dùng (UDP) với các hệ thống và thiết bị mạng, cũng như lắng nghe và chấp nhận các kết nối đến.
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. Chính sách tập lệnh của CSP nhằm bảo vệ khỏi việc chèn tập lệnh vào HTML và mô hình mối đe doạ CSP không liên quan đến tiêu đề HTTP. Điều này cho phép triển khai các quy tắc suy đoán từ CDN và các máy chủ biên khác dễ dàng hơn.
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ớ.
Khi người dùng cấp quyền sử dụng danh tính của họ với một nhà cung cấp danh tính (IdP) bên thứ ba trên một bên phụ thuộc (RP), nhiều IdP yêu cầu cookie của bên thứ ba hoạt động chính xác và an toàn. Đề xuất này nhằm đáp ứng yêu cầu đó theo cách riêng tư và an toàn bằng cách cập nhật quy trình kiểm tra quyền truy cập vào bộ nhớ (SAA) để không chỉ chấp nhận quyền cấp do lời nhắc truy cập vào bộ nhớ, mà còn chấp nhận quyền cấp do lời nhắc FedCM.
Một thuộc tính chính của cơ chế này là giới hạn việc cấp quyền cho các trường hợp mà RP cho phép một cách rõ ràng bằng chính sách về quyền FedCM, thực thi chế độ kiểm soát trên mỗi khung hình cho RP và ngăn chặn việc IdP giám sát thụ động ngoài các chức năng mà FedCM đã cấp.
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 đang chạy trong một ứng dụng mở và viết tập lệnh cho các trang 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ể viết tập lệnh cho 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ị noopener-allow-popups Cross-Origin-Opener-Policy cho phép tài liệu xác định hành vi đó.
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 phần đóng góp cho biểu đồ có thể được nhúng trong một báo cáo tổng hợp, loại bỏ mọi phần đó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ớ vĩnh viễn, 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.
Chọn tính năng thư giãn trình phân tích cú pháp
Thay đổi này giúp trình phân tích cú pháp HTML cho phép các thẻ bổ sung trong <select> ngoài
<option>, <optgroup> và <hr>.
Thay đổi này nhằm hỗ trợ tính năng <select> có thể tuỳ chỉnh nhưng sẽ được phân phối trước vì có thể thực hiện riêng và có một số rủi ro về khả năng tương thích mà nhóm Chrome muốn nhận ý kiến phản hồi.
WebGPU: Khoảng cách cắt
Thêm tính năng GPU không bắt buộc clip-distances, cho phép đặt khoảng cách đoạn video do người dùng xác định trong các đầu ra của chương trình đổ bóng đỉnh. Kỹ thuật này đặc biệt hữu ích đối với 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.
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 phần GPU device, format, usage, viewFormats, colorSpace, toneMapping và alphaMode.
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.
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 các hoạt động 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.
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 các khung hình đó lớn hơn maxWidth và maxHeight đã 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 bằng 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ệ 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.
Bản dùng thử theo nguyên gốc mới
Trong Chrome 131, bạn có thể chọn tham gia các bản dùng thử mới về nguồn gốc sau.
Số liệu thống kê về phát cho WebAudio
Tính năng 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.
API Tóm tắt
API JavaScript để tạo bản tóm tắt văn bản đầu vào, được mô hình ngôn ngữ AI hỗ trợ.
Ngừng sử dụng và xoá
Phiên bản Chrome này ngừng sử dụng và xoá các tính năng sau. Hãy truy cập vào ChromeStatus.com để xem danh sách các tính năng dự kiến ngừng hoạt động, các tính năng hiện đã ngừng hoạt động và các tính năng đã bị xoá trước đây.
Bản phát hành Chrome này xoá 3 tính năng.
Xoá thuộc tính CSS Anchor Positioning (Định vị neo) inset-area
Với giải pháp của Nhóm công tác CSS khi đổi tên thuộc tính inset-area thành position-area, thao tác xoá này sẽ xoá sạch quá trình triển khai trong Chromium để có một tính năng tuân thủ tiêu chuẩn.
Xoá khả năng tắt BeforeunloadEventCancelByPreventDefault
Tính năng BeforeunloadEventCancelByPreventDefault đã được chuyển 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.
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.