Chrome 125

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

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

HTML và DOM

Chuyển đổi tuần tự DOM bóng khai báo

Một tính năng cho phép các nhà phát triển chuyển đổi tuần tự cây DOM có chứa gốc bóng, được chuẩn hoá gần đây trong tiêu chuẩn HTML.

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

CSS

Vị trí neo CSS

Vị trí neo CSS cho phép nhà phát triển chia sẻ Internet một phần tử có vị trí tuyệt đối vào một hoặc nhiều phần tử khác trên trang (neo), theo cách khai báo, mà không cần sử dụng JavaScript. Vị trí neo hoạt động hiệu quả khi quảng cáo cố định cuối màn hình có thể cuộn. Một trường hợp sử dụng phổ biến là định vị cửa sổ bật lên, chẳng hạn như bên cạnh phần tử đã gọi phần tử đó, hoặc trình đơn chọn và cửa sổ bật lên của phần tử đó danh sách tuỳ chọn. Trước khi có tính năng định vị quảng cáo cố định, bạn phải đáp ứng các trường hợp sử dụng sau JavaScript để định vị cửa sổ bật lên một cách linh động và giữ cố định cửa sổ này là phần tử gọi được cuộn, đây là một khẩu súng dùng để biểu diễn và khó chính xác. Với tính năng định vị neo, các trường hợp sử dụng này có thể được triển khai một cách hiệu quả và rõ ràng.

Tính năng định vị neo bao gồm một số lượng lớn các thuộc tính CSS. Đáp như sau:

  • anchor-name: thiết lập một phần tử làm điểm neo cho các phần tử khác.
  • position-anchor: mô tả "mặc định" điểm neo mà một phần tử neo nên sử dụng để định vị quảng cáo cố định.
  • Hàm anchor(): dùng để tham chiếu đến vị trí của điểm neo khi xác định vị trí của phần tử liên kết.
  • inset-area: viết tắt của vị trí, chỉ các vị trí tương đối phổ biến.

Giới thiệu API định vị quảng cáo cố định cuối màn hình CSS | Theo dõi lỗi #40059176 | Mục nhập ChromeStatus.com | Quy cách

Các hàm giá trị bậc CSS – round(), mod() và rem()

Các hàm giá trị bậc thang, round()! mod() và rem(), tất cả biến đổi một đối tượng cụ thể theo một "giá trị bước" khác.

Hàm CSS round() trả về số được làm tròn dựa trên giá trị làm tròn đã chọn chiến lược.

Hàm CSS mod() trả về một mô-đun còn lại khi tham số đầu tiên là chia cho tham số thứ hai, tương tự như toán tử phần còn lại của JavaScript (%). Mô-đun là giá trị còn lại khi một toán hạng, số bị chia chia cho toán hạng thứ hai, số chia. Nó luôn lấy ký hiệu của số chia.

Hàm CSS rem() trả về phần còn lại khi tham số đầu tiên được chia cho tham số thứ hai, tương tự như toán tử phần còn lại của JavaScript (%). Phần dư là giá trị còn lại khi một toán hạng, số bị chia chia cho toán hạng thứ hai, số chia. Nó luôn lấy ký hiệu của cổ tức.

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

Cú pháp mới cho :state() tuỳ chỉnh của CSS

Trạng thái tuỳ chỉnh của CSS cho phép các phần tử tuỳ chỉnh hiển thị các lớp giả của riêng chúng. Chiến lược phát hành đĩa đơn cú pháp hiện đã được chỉ định trong CSSWG và Chrome 125 hiện hỗ trợ cú pháp mới cú pháp :state(foo). Thay đổi này sẽ có một cửa sổ để Chrome sẽ hỗ trợ cả cú pháp cũ (:--foo) và cú pháp mới để các trang web có thể chuyển sang tài khoản mới.

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

Loại bỏ tình trạng gián đoạn cho màu Oklab và Oklch với độ sáng gần 100% hoặc 0

Trước khi có thay đổi này, tất cả màu Lab, LCH, Oklab và Oklch đều có giá trị độ sáng 100% được hiển thị dưới dạng màu trắng, bất kể 2 tham số còn lại là gì. Tất cả các màu trong các không gian này có giá trị độ sáng bằng 0 được thể hiện dưới dạng màu đen. Các hai ánh xạ gây ra sự gián đoạn về độ dốc và không mong muốn trên web nhà phát triển.

Với quá trình khôi phục này, những màu này không còn được ánh xạ một cách giả tạo và màu hiển thị sẽ hiển thị liên tục với các màu lân cận và phụ thuộc vào ánh xạ gam màu của màn hình.

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

Đã sử dụng thanh cuộn gốc của bảng phối màu

Làm cho trình duyệt sử dụng bảng phối màu ưu tiên của người dùng để hiển thị khung nhìn thanh cuộn nếu giá trị của "bảng phối màu được hỗ trợ của trang" là "bình thường" hay không đã chỉ định và giá trị đã tính là color-scheme cho phần tử gốc là normal. Thanh cuộn của khung nhìn có thể được coi là bên ngoài nội dung web. Do đó, tác nhân người dùng phải tôn trọng bảng phối màu ưu tiên khi hiển thị thanh cuộn khung nhìn nếu nhà phát triển đã không hỗ trợ rõ ràng cho bảng phối màu.

Thay đổi này không ngăn các nhà phát triển kiểm soát bảng phối màu cho thanh cuộn. Hành vi mới làm cho trình duyệt sử dụng lựa chọn ưu tiên của người dùng phối màu để chỉ hiển thị thanh cuộn không có lớp phủ của khung nhìn khi nhà phát triển chưa chỉ định bảng phối màu cho phần tử gốc.

tiêu đề | Theo dõi lỗi #40259909 | Mục nhập ChromeStatus.com | Quy cách

view-transitions lớp

Có một thuộc tính CSS mới view-transition-class cho phép bạn chỉ định một hoặc nhiều lớp chuyển đổi khung hiển thị. Sau đó, bạn có thể chọn Ví dụ: phần tử giả ViewTransition sử dụng các lớp này ::view-transition-group(*.class)

Đây là một tiện ích cho ViewTransition API giúp đơn giản hoá việc tạo kiểu của các phần tử giả chuyển đổi khung hiển thị theo cách tương tự rằng lớp CSS đơn giản hoá việc tạo kiểu của các phần tử DOM thông thường.

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

Đang tải

Chấp nhận URL HTTP và HTTPS khi xây dựng WebSocket

Bản cập nhật này cho phép các giao thức HTTP và HTTPS trong hàm khởi tạo WebSocket. do đó cũng cho phép nhà phát triển sử dụng URL tương đối. Các chỉ số này được chuẩn hoá thành giao thức nội bộ ws: và wss:.

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

API web

Các thành phần bổ sung cho Attribution Reporting API

Chúng tôi đã thêm các tính năng vào Attribution Reporting API để tạo thêm khả năng gỡ lỗi bằng cách hỗ trợ phân tích cú pháp báo cáo gỡ lỗi, cải thiện API công thái học bằng cách hỗ trợ một trường để chỉ định nền tảng đăng ký ưu tiên, và cải thiện quyền riêng tư.

Mục nhập ChromeStatus.com

Compute Áp suất API

Tính toán áp suất API cung cấp các trạng thái cấp cao biểu thị tải CPU trên hệ thống. Chiến dịch này cho phép để sử dụng đúng chỉ số phần cứng cơ bản nhằm đảm bảo người dùng có thể tận dụng tất cả sức mạnh xử lý có sẵn cho họ miễn là hệ thống không chịu áp lực không thể kiểm soát.

Intel dẫn dắt công việc thiết kế và triển khai API này Nhờ đó, các ứng dụng hội nghị truyền hình có thể linh hoạt cân bằng giữa các tính năng và hiệu suất.

Tính toán áp suất API | Theo dõi lỗi #40683064 | Mục nhập ChromeStatus.com | Quy cách

Thao tác này sẽ khởi chạy phần mở rộng đề xuất của Storage Access API (ngược lại) tương thích và đã sử dụng bản dùng thử theo nguyên gốc) để cho phép truy cập vào cookie không được phân vùng và lưu trữ không phải cookie trong bối cảnh của bên thứ ba. API hiện tại chỉ cung cấp quyền truy cập vào cookie, có các trường hợp sử dụng khác với bộ nhớ không lưu trữ cookie.

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

Yêu cầu CORS FedCM đối với điểm cuối xác nhận mã nhận dạng

Việc t��m nạp trong API FedCM rất khó giải thích do các thuộc tính cần thiết. Mặc dù vẫn đang diễn ra cuộc thảo luận về các tài khoản thì cũng có nhiều quan điểm đồng thuận rằng điểm cuối xác nhận giá trị nhận dạng nên sử dụng CORS. Bản cập nhật này điều chỉnh các thuộc tính bảo mật của lần tìm nạp này cho phù hợp hơn với các lần tìm nạp khác trong nền tảng web.

Nội dung cập nhật của FedCM: Bản dùng thử theo nguyên gốc API Chế độ nút, CORS và SameSite | Theo dõi lỗi #40284123 | Mục nhập ChromeStatus.com

FedCM hiện gửi yêu cầu xác nhận mã nhận dạng bằng CORS. Thay đổi đó đồng nghĩa với việc Chrome không còn gửi cookie SameSite=Strict đến điểm cuối xác nhận mã nhận dạng, mặc dù Ảnh tĩnh trên Chrome sẽ gửi SameSite=None. Vì việc gửi thông báo là không hợp lý tập hợp cookie khác nhau đến điểm cuối của tài khoản và xác nhận mã nhận dạng điểm cuối, thay đổi này sẽ giúp chúng nhất quán.

Việc không gửi SameSite=Strict cookie cũng phù hợp với Hành vi requestStorageAccess cũng như yêu cầu trên nhiều trang web nói chung.

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

Thao tác mặc định khi di chuyển chuột có thể tương tác

Chrome đã cho phép huỷ sự kiện di chuyển chuột để ngăn các API khác như API văn bản lựa chọn (và thậm chí kéo và thả trước đây). Tên này không khớp với chuyên ngành khác các trình duyệt; cũng như không tuân thủ thông số kỹ thuật của Sự kiện giao diện người dùng. Bây giờ, chế độ lựa chọn văn bản sẽ không lâu hơn là thao tác di chuyển mặc định. Có thể chọn văn bản và kéo và thả vẫn không được phép thực hiện thông qua việc huỷ các sự kiện selectstart và dragstart .

Tính năng này sẽ được triển khai từng bước kể từ Chrome 125 và dự kiến được cung cấp cho tất cả người dùng kể từ Chrome 126.

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

Đối tượng sửa đổi biểu thức chính quy

Đối tượng sửa đổi biểu thức chính quy bổ sung khả năng sửa đổi cục bộ i, m, và s' cờ bên trong một mẫu.

Để bật cờ cho một biểu thức phụ, hãy sử dụng (?X:subexpr), trong đó X là một trong i, m hoặc s. Để tắt cờ cho một biểu thức phụ, hãy sử dụng (-X:subexpr).

Ví dụ: đối với cờ i không phân biệt chữ hoa chữ thường:

const re1 = /^[a-z](?-i:[a-z])$/i;
re1.test("ab"); // true
re1.test("Ab"); // true
re1.test("aB"); // false

const re2 = /^(?i:[a-z])[a-z]$/;
re2.test("ab"); // true
re2.test("Ab"); // true
re2.test("aB"); // false

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

Nhóm thu thập được đặt tên trùng lặp trong biểu thức chính quy

Các nhóm thu thập được đặt tên trùng lặp cho phép bạn sử dụng cùng một tên nhóm thu thập của các giải pháp thay thế. Ví dụ

const re = /(?<year>[0-9]{4})-[0-9]{2}|[0-9]{2}-(?<year>[0-9]{4})/;

Trong trường hợp này, year hợp lệ cho phương án thay thế đầu tiên ((?<year>[0-9]{4})-[0-9]{2}), hoặc lựa chọn thay thế thứ 2 ([0-9]{2}-(?<year>[0-9]{4})).

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

Ứng dụng Chrome

Direct Sockets API trong Ứng dụng Chrome

Bản cập nhật này giúp quá trình chuyển đổi dễ dàng hơn của các ứng dụng chuyên biệt từ Ứng dụng Chrome sang Ứng dụng web tách biệt bằng cách bật Cổng trực tiếp trong ứng dụng Chrome, cho phép các ứng dụng web thiết lập giao thức kiểm soát truyền trực tiếp (TCP) và giao thức gói dữ liệu người dùng (UDP) giao tiếp với các thiết bị và hệ thống mạng.

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

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

API Chế độ nút FedCM và Sử dụng API tài khoản khác

Bản dùng thử theo nguyên gốc này bao gồm 2 API FedCM sau đây.

Button Mode API (API Chế độ nút) cho phép các trang web gọi FedCM bên trong một lượt nhấp vào nút, chẳng hạn như nhấp vào nút Đăng nhập vào IdP. Để thực hiện việc này, FedCM phải đảm bảo luôn phản hồi bằng giao diện người dùng hiển thị, thay vì chế độ tiện ích, không hiển thị giao diện người dùng khi người dùng đăng xuất. Gọi API FedCM trong chế độ nút đưa người dùng đăng nhập vào IdP (trong cửa sổ hộp thoại), khi người dùng đã đăng xuất.

Ngoài ra, vì chế độ nút được gọi trong một người dùng rõ ràng cử chỉ, giao diện người dùng cũng có thể nổi bật hơn (ví dụ: ở giữa và ở chế độ) so với giao diện người dùng từ chế độ tiện ích (chế độ này không có ý định). Tìm hi��u thêm về cách hoạt động của API Chế độ nút trong Thông tin cập nhật của FedCM: Bản dùng thử theo nguyên gốc API Chế độ nút, CORS và SameSite

Sử dụng API tài khoản khác cho phép nhà cung cấp danh tính cho phép người dùng đăng nhập vào các tài khoản khác.

Bản dùng thử theo nguyên gốc | Bản minh hoạ | Theo dõi lỗi #40284792 | Mục nhập ChromeStatus.com | Quy cách

API có thể gập lại

Bản dùng thử theo nguyên gốc này bao gồm API Tư thế thiết bị và Phân đoạn khung nhìn API Liệt kê. Các API này được thiết kế để giúp nhà phát triển nhắm đến thiết bị có thể gập lại thiết bị.

Bản dùng thử theo nguyên gốc | Bản dùng thử theo nguyên gốc cho API có thể gập lại | Mục nhập ChromeStatus.com | Quy cách

Ngừng sử dụng bản dùng thử cho các thuộc tính và phương thức HTMLVideoElement Fullscreen có tiền tố

Bản dùng thử việc ngừng sử dụng này cho phép bạn chọn tham gia lại hỗ trợ cho Các thuộc tính và phương thức HTMLVideoElement nếu bạn cần thêm thời gian để điều chỉnh .

Bản dùng thử theo nguyên gốc | Mục nhập ChromeStatus.com

Bỏ qua quá trình quét tải trước

Bỏ qua trình quét tải trước để khám phá sự đánh đổi về hiệu suất đối với những trang không tìm nạp tài nguyên phụ.

Bước tải trước trình quét giúp nâng cao hiệu suất của những trang có tài nguyên phụ tìm nạp, thông qua việc triển khai quá trình tìm nạp trước theo suy đoán. Tuy nhiên, đối với trang không được hưởng lợi từ bước này, tức là đối với những trang không có tài nguyên phụ, thì đây sẽ là chi phí xử lý tăng thêm nhưng mang lại ít lợi ích.

Đối với những người dùng web nâng cao muốn được hưởng lợi bằng cách giảm chi phí này, phương pháp thử nghiệm cung cấp kiểm soát cấp trang để tắt trình quét tải trước. Dữ liệu được thu thập từ thử nghiệm này có thể đánh giá xem API đã sửa đổi hay việc triển khai trình quét tải trước HTML sẽ hữu ích.

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

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

Xoá "window-placement" bí danh cho chính sách về quyền và quyền "window-management"

Xoá "window-placement" bí danh cho chính sách về quyền và quyền "window-management". Đây là một phần trong nỗ lực lớn hơn nhằm đổi tên các chuỗi bằng cách cuối cùng không dùng nữa và xoá "window-placement". Việc thay đổi thuật ngữ giúp cải thiện tuổi thọ của phần mô tả dưới dạng Cửa sổ API Quản lý phát triển theo thời gian.

tiêu đề | Theo dõi lỗi #40842072 | Mục nhập ChromeStatus.com | Quy cách

Xoá chính sách Doanh nghiệp: NewBaseUrlInheritanceBehaviorAllowed

Thay đổi mã cơ bản (bật hành vi kế thừa URL cơ sở mới) mà Tính năng ghi đè chính sách doanh nghiệp đã được bật trong các bản phát hành ổn định kể từ tháng 8 Năm 2023 (Chrome 118). Vì các vấn đề đã biết đã được xử lý, doanh nghiệp này chúng tôi đã loại bỏ chính sách này trong Chrome 125.

Mục nhập ChromeStatus.com

Xoá các thuộc tính và phương thức có tiền tố ở chế độ toàn màn hình HTMLVideoElement

API toàn màn hình có tiền tố HTMLVideoElement không được dùng nữa kể từ Chrome 38. Các thiết bị này đã được thay thế bằng Element.requestFullscreen(), đầu tiên vận chuyển mà không có tiền tố vào năm 2018 trong Chrome 71.

Các thuộc tính và phương thức sau sẽ bị xoá khỏi HTMLVideoElement:

  • webkitSupportsFullscreen
  • webkitDisplayingFullscreen
  • webkitEnterFullscreen()
  • webkitExitFullscreen()
  • webkitEnterFullScreen() (xin lưu ý cách viết hoa khác của "S" trong FullScreen)
  • webkitExitFullScreen()

Đăng ký bản dùng thử ngừng hoạt động được liệt kê trong bài đăng này, nếu trang web của bạn vẫn dựa vào những yếu tố này và bạn cần thêm thời gian để cập nhật mã.

Mục nhập ChromeStatus.com

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.