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
Dịch vụ so sánh giá (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à ký tự biểu tượng cảm xúc đơ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
Với tính năng kế thừa làm nổi bật CSS, các lớp giả lập làm nổi bật CSS, 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 làm nổi bật giả lập, thay vì chuỗi phần tử.
Kết quả là một mô hình trực quan hơn để kế thừa thuộc tính trong các điểm nổi bật.
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 kiểu của các phần tử <details> và <summary>
Hỗ trợ nhiều kiểu CSS hơn 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 tiện ích thông tin công bố hoặc tiện ích accordion được tạo trên web. Cụ thể, thay đổi này sẽ loại bỏ các hạn chế ngăn việc đặt thuộc tính hiển thị trên các phần tử này, đồng thời thêm một 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, ví dụ: cung cấp đầu trang 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. Thông số kỹ thuật 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 chế độ giảm 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> và <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 màu tương đối trong CSS (sử dụng từ khoá from) để 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 mà hàm màu được lồng cùng với phần phụ thuộc vào 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, 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 dẫn 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")
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 #909927 | Mục nhập ChromeStatus.com | Thông số kỹ thuật
Miễn trừ tiêu đề Quy tắc suy đoán 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 nhập trên ChromeStatus.com | Thông số kỹ thuật
FedCM là tín hiệu tin cậy cho Storage Access API
Đ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 của noopener-allow-pops
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 đó, việc ngăn các tập lệnh đang chạy trong một ứng dụng không thể mở và viết 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 trình thực thi chuyên trách
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, giúp giảm tác động đến hiệu suất đối với 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.
Mục nhập 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 chung 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 đoạn video trên WebGPU
Thêm tính năng GPU tuỳ chọn clip-distances cho phép đặt khoảng cách cắt 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 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 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.
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 của giá trị nhận dạng khoá tổng hợp được kiểm tra trong cả lượt đă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.
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, phương thức gọi Protected Audience không có bộ nhớ lâu dài, vì vậy, chúng sẽ mất các khoản đóng góp vượt mức khi kết thúc 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 thời gian cho API định tuyến tĩnh ServiceWorker, 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, đó là nguồn bộ định tuyến được so khớp và nguồn bộ định tuyến cuối cùng.
Bản dùng thử theo nguyên gốc | 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.
Bản dùng thử theo nguyên gốc | Tài liệu về API tóm tắt | Lỗi theo dõ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 Định vị neo CSS 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.
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 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.
Mục nhập 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ính năng mới trong Chrome 131
- Tính năng mới trong Công cụ dành cho nhà phát triển của Chrome 131
- Nội dung cập nhật của ChromeStatus.com cho Chrome 131
- Lịch phát hành của Chrome
- Ngừng sử dụng trong thời gian tới
- Các nội dung sắp bị gỡ bỏ