Chrome 126

Ngày phát hành chính thức: 11/6/2024

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

CSS

Hiệu ứng chuyển đổi chế độ xem trên nhiều tài liệu cho thao tác điều hướng trên cùng nguồn gốc

Trước đây, bạn phải thiết kế lại trang web của mình theo một SPA để sử dụng Chế độ xem Chuyển đổi API. Nay không còn như vậy nữa. Hiệu ứng chuyển đổi chế độ xem hiện đã được bật bằng mặc định cho các thao tác điều hướng cùng nguồn gốc. Bạn có thể tạo chuyển đổi chế độ xem giữa hai tài liệu khác nhau có cùng nguồn gốc.

Để bật chuyển đổi chế độ xem trên nhiều tài liệu, cả hai đầu cần phải chọn tham gia. Việc cần làm việc này, hãy sử dụng quy tắc at @view-transition và thiết lập chỉ số mô tả navigation thành auto.

@view-transition {
  navigation: auto;
}

Việc chuyển đổi chế độ xem trên nhiều tài liệu sử dụng các thành phần và nguyên tắc giống như hiệu ứng chuyển đổi khung hiển thị cùng tài liệu. Các phần tử có view-transition-name sẽ được chụp lại và bạn có thể tuỳ chỉnh ảnh động bằng cách sử dụng ảnh động CSS.

Chuyển đổi suôn sẻ bằng View Transition API | Theo dõi lỗi #1372584 | Mục nhập ChromeStatus.com | Quy cách

API web

Tiện ích mở rộng điều kiện kích hoạt API Gamepad

Mở rộng giao diện GamepadHapticActuator để hiển thị trigger-rumble chức năng trên web dành cho tay điều khiển trò chơi tương thích. Tiện ích này sẽ cho phép các ứng dụng web lấy tận dụng lợi thế của Gamepad API để rung cả các trình kích hoạt của thiết bị tay điều khiển trò chơi được trang bị chức năng này.

Theo dõi lỗi #40834175 | Mục nhập ChromeStatus.com | Quy cách

Ứng dụng web dạng thẻ trên ChromeOS

PWA trong một cửa sổ độc lập chỉ có thể mở một trang tại một thời điểm. Một số ứng dụng mong muốn người dùng mở nhiều trang cùng một lúc. Chế độ thẻ sẽ thêm một thẻ tách thành các ứng dụng web độc lập trong ChromeOS cho phép mở nhiều thẻ tại một lần.

Tính năng này sẽ thêm một chế độ hiển thị mới là "tabbed" và một trường tệp kê khai mới vào cho phép các tuỳ chỉnh đối với dải thẻ.

Theo dõi lỗi #40598974 | Mục nhập ChromeStatus.com | Quy cách

Phương thức toJSON() cho GeolocationCoordinates và GeolocationPosition

Thêm các phương thức .toJSON() vào GeolocationCoordinates và Giao diện GeolocationPosition. Thao tác này cho phép chuyển đổi tuần tự các đối tượng này cùng với JSON.stringify().

Mục nhập ChromeStatus.com

Siêu giao diện IDL web WebGLObject

Tính năng này hiển thị loại WebGLObject trong cùng một ngữ cảnh với WebGL API bị lộ – trên luồng chính và worker.

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

Bật lại API CloseWatcher và đóng các yêu cầu đối với <dialog> và popover=""

API CloseWatcher cho phép xử lý các yêu cầu đóng, chẳng hạn như khoá ESC trên nền tảng máy tính để bàn hoặc thao tác quay lại hay nút trên Android, theo cách thống nhất. Ban đầu, tính năng này được tích hợp trong Chrome 120, nhưng đã bị vô hiệu hoá do do hoạt động tương tác bất ngờ với <dialog>. Đã bật lại tính năng này trong Chrome 126 sau một số điểm cải tiến về hành vi để giảm thiểu các vấn đề ở đó.

Bản minh hoạ | Theo dõi lỗi #1171318 | Mục nhập ChromeStatus.com

Attribution Reporting API: Chính sách về đường liên kết giới thiệu cho attributionsrc yêu cầu

Yêu cầu attributionsrc được coi như các tài nguyên phụ khác trên trang.

Trước đây, khi API được gọi thông qua việc sử dụng thuộc tính attributionsrc như một phần của nhiều phần tử html (chẳng hạn như <img>, <script>, <a> hoặc window.open), thì API này sẽ bỏ qua thuộc tính chính sách đường liên kết giới thiệu cấp tài nguyên được đặt trên phần tử <html>.

Với thay đổi này, yêu cầu attributionsrc giờ đây sẽ áp dụng cùng một chính sách đường liên kết giới thiệu cấp tài nguyên được đặt trong <img>, <script>, <a> hoặc window.open.

Điều này cho phép các công nghệ quảng cáo có nhiều quyền kiểm soát hơn đối với việc họ muốn áp dụng chế độ hạn chế nhiều hơn hay ít hơn đối với thông tin về đường liên kết giới thiệu trong các yêu cầu attributionsrc của họ.

Mục nhập ChromeStatus.com

Nội dung nghe nhìn

Hỗ trợ vùng chứa MP4 cho MediaRecorder

Bổ sung tính năng hỗ trợ kết hợp âm thanh và video vào vùng chứa MP4 bằng MediaRecorder.

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

Tham số signal và application của OpusEncoderConfig

Tham số OpusEncoderConfig.signal và OpusEncoderConfig.application được ánh xạ trực tiếp đến các nút điều chỉnh bộ mã hoá dành riêng cho việc triển khai. Các lựa chọn này cho phép trang web tác giả để đưa ra gợi ý về loại dữ liệu đang được mã hoá và bối cảnh mà dữ liệu đang được sử dụng.

signal có thể là một trong các giá trị "auto", "music", "voice". Thao tác này định cấu hình bộ mã hoá để có hiệu suất tốt nhất trong việc mã hoá loại dữ liệu được chỉ định. application có thể là một trong số "voip", "audio", "lowdelay". Chế độ này định cấu hình bộ mã hoá để ưu tiên độ dễ hiểu của lời nói, mô phỏng một cách trung thực nội dung gốc, hoặc độ trễ tối thiểu.

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

JavaScript

Hỗ trợ onscrollend visualViewport

Sự kiện JavaScript scrollend sẽ kích hoạt để báo hiệu rằng một thao tác cuộn đã kết thúc.

Giao diện visualViewport bao gồm một trình xử lý sự kiện onscrollend được gọi khi một thao tác cuộn trên visualViewport đã kết thúc. Chrome đã hỗ trợ thêm trình nghe sự kiện cuộn thông qua visualViewport.addEventListener("scrollend"). Việc này chỉ giúp có thể Ngoài ra, hãy thêm trình nghe sự kiện bằng visualViewport.onscrollend.

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

Quyền riêng tư

Căn chỉnh navigator.cookieEnabled với thông số kỹ thuật

navigator.cookieEnabled hiện cho biết liệu "tác nhân người dùng có cố gắng xử lý cookie" hay không trong ngữ cảnh nhất định. Một thay đổi trong Chrome, trong quá trình ngừng sử dụng cookie của bên thứ ba (3PCD), sẽ khiến Chrome cho biết liệu có thể truy cập cookie không được phân vùng hay không (khiến Chrome trả về giá trị false trong hầu hết các iframe trên nhiều trang web). Chúng ta nên khôi phục hành vi trước đó của navigator.cookieEnabled (chỉ cho biết khi cookie được bật hoặc tắt cho trang web này) và dựa vào hàm trên nhiều nhà cung cấp document.hasStorageAccess để cho biết liệu có thể truy cập vào cookie không được phân vùng hay không.

Lỗi theo dõi #335553590 | Mục nhập ChromeStatus.com | Quy cách

Hỗ trợ tiếp cận

Hỗ trợ Khung hỗ trợ tiếp cận Tự động hoá giao diện người dùng trên Windows

Các ứng dụng hỗ trợ hiện đại trên Microsoft Windows sử dụng khung hỗ trợ tiếp cận Tự động hoá giao diện người dùng của nền tảng này để tương tác với các ứng dụng khác giao diện người dùng. Cho đến nay, Chromium đã hỗ trợ khung Microsoft Active Accessibility (MSAA) và IAccessible2 (IA2) cũ cho mục đích này. Điều này đã dẫn đến các sự cố với công cụ hỗ trợ tiếp cận trên Windows.

Để giải quyết vấn đề này, Microsoft đã hợp tác với nhóm Chrome để hỗ trợ trực tiếp khung Tự động hoá giao diện người dùng (UIA) trên Windows, giúp các công cụ hỗ trợ tiếp cận giao tiếp với trình duyệt dễ dàng hơn. Chúng tôi sẽ bắt đầu phát hành dần cho phiên bản ổn định, bắt đầu từ Chrome phiên bản 126. Việc này sẽ cho phép ứng dụng Điều khiển bằng giọng nói hoạt động trên tất cả trình duyệt dựa trên Chromium và nâng cao trải nghiệm người dùng cho tất cả các công cụ hỗ trợ tiếp cận dựa trên UIA, chẳng hạn như Trình đọc và Kính lúp.

Giới thiệu tính năng hỗ trợ UIA trên Windows

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

FedCM là tín hiệu tin cậy cho Storage Access API

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

Khi người dùng cấp quyền sử dụng danh tính của họ với một bên thứ ba Nhà cung cấp danh tính (IdP) trên một Bên đáng tin cậy (RP), nhiều nhà cung cấp danh tính cần có bên thứ ba để cookie hoạt động chính xác và an toàn. Đề xuất này nhằm đáp ứng theo cách riêng tư và bảo mật bằng cách cập nhật Storage Access API (SAA) kiểm tra quyền để không chỉ chấp nhận hoạt động cấp quyền được cấp bằng lời nhắc truy cập vào bộ nhớ, đồng thời cũng là quyền cấp quyền do FedCM cấp .

Một đặc tính chính của cơ chế này là chỉ cấp quyền cho những trường hợp rõ ràng được RP cho phép thông qua chính sách về quyền FedCM, thực thi quy tắc trên mỗi khung hình kiểm soát RP và ngăn chặn sự giám sát thụ động của IdP bên ngoài mà FedCM đã cấp.

Bản dùng thử theo nguyên gốc | Người giải thích | Mục nhập ChromeStatus.com

Chọn không sử dụng bản xem trước nội dung nghe nhìn

Bản dùng thử theo nguyên gốc đảo ngược này không cho các trang web ra mắt Bản xem trước nội dung nghe nhìn.

Chrome sẽ cung cấp bản xem trước theo thời gian thực đối với nguồn đầu vào máy ảnh và micrô tại thời điểm các trang web yêu cầu quyền truy cập vào máy ảnh và micrô. Những thông tin này cũng sẽ có trong thông tin trang của trang web.

Ngoài ra, người dùng có nhiều thiết bị sẽ có thể chọn camera và micrô tại thời điểm yêu cầu cấp quyền, trừ phi trang web đó đã yêu cầu một thiết bị cụ thể thông qua getUserMedia().

Bản dùng thử theo nguyên gốc | Theo dõi lỗi #330762482 | Mục nhập ChromeStatus.com

FedCM: API Tiếp tục, API thông số, API trường, Nhiều cấu hình, Nhãn tài khoản tuỳ chỉnh

Nhà phát triển có thể bắt đầu tham gia bản dùng thử theo nguyên gốc cho một gói máy tính Các tính năng của FedCM có thể bao gồm cả việc uỷ quyền. Gói bao gồm FedCM API Tiếp tục, API thông số, API trường, nhiều cấu hình và URL tuỳ chỉnh Nhãn tài khoản. Thao tác này cho phép trải nghiệm giống như quy trình uỷ quyền OAuth liên quan đến hộp thoại cấp quyền do IdP cung cấp.

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

Kiểm soát quyền được nhúng trên trang

Cung cấp một phần tử HTML mới tương tác với quy trình cấp quyền.

Lời nhắc cấp quyền hiện được kích hoạt trực tiếp từ JavaScript mà không có tác nhân người dùng có bất kỳ tín hiệu rõ ràng nào về ý định của người dùng. Việc có một phần tử trong nội dung mà người dùng sử dụng để kích hoạt quy trình cấp quyền cho phép cải thiện trải nghiệm người dùng về lời nhắc cấp quyền cho người dùng cũng như đường dẫn khôi phục từ trạng thái "bị từ chối" trạng thái quyền cho trang web.

Mục nhập ChromeStatus.com

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

Khai thác và xoá câu nhận định nhập "xác nhận" cú pháp

Ngừng sử dụng và xoá từ khoá assert và thay bằng từ khoá with mới trong cú pháp thuộc tính nhập.

Tức là import m from 'foo' assert { type: 'json' } hiện sẽ gửi ra lỗi Cú pháp và nhà phát triển phải thay đổi thành import m from 'foo' with { type: 'json' }.

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

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

Bạn đang tìm kiếm thêm? Hãy tham khảo các tài nguyên bổ sung sau đây.

Tải Google Chrome xuống

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