Chrome 147 beta

Rachel Andrew

Xuất bản: Ngày 11 tháng 3 năm 2026

Trừ phi có ghi chú khác, những 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 cho Android, ChromeOS, Linux, macOS và Windows. Tìm hiểu thêm về các tính năng này bằng cách truy cập vào các đường liên kết được cung cấp hoặc truy cập ChromeStatus.com. Bạn có thể tải phiên bản thử nghiệm beta mới nhất xuống từ Google.com cho máy tính hoặc từ Cửa hàng Google Play trên Android.

Dải ô được đặt tên cho dòng thời gian scroll

Tính năng này mở rộng tập hợp các dải ô được đặt tên của ViewTimelines, thêm dải ô scroll.

Scroll-Driven Animations API (API Ảnh động dựa trên thao tác cuộn) đã giới thiệu ViewTimelines cùng với các dải ô được đặt tên đề cập đến các phần của ViewTimeline xác định dải ô của ảnh động.

Tuy nhiên, tất cả các dải ô được đặt tên được cung cấp đều bị hạn chế ở phần ViewTimeline nơi chủ thể của dải ô xuất hiện. Việc này hữu ích cho tác giả khi tham chiếu đến toàn bộ vùng chứa có thể cuộn bên dưới dòng thời gian. Tính năng này sẽ thêm một dải ô được đặt tên scroll vào nhóm hiện có (entry, exit, cover, contain).

CSS contrast-color()

Bạn có thể dùng hàm này để đáp ứng các yêu cầu về độ tương phản cho khả năng hỗ trợ tiếp cận.

Bạn có thể dùng hàm contrast-color() ở bất kỳ vị trí nào trong CSS khi cần có giá trị màu. Hàm này nhận một đối số giá trị màu và trả về black hoặc white tuỳ thuộc vào giá trị nào có độ tương phản cao nhất so với đối số màu.

CSS border-shape

CSS border-shape cho phép bạn tạo đường viền không phải hình chữ nhật, với mọi hình dạng tuỳ ý (ví dụ: polygon, circle, shape()).

Mặc dù border-shape chấp nhận các hình dạng giống như clip-path, nhưng về cơ bản thì border-shape khác với clip-path: border-shape xác định hình dạng của đường viền, trang trí đường viền và chỉ cắt phần bên trong.

border-shape có hai biến thể: một biến thể tạo nét cho hình dạng và một biến thể khác điền màu giữa hai hình dạng.

Chuyển đổi chế độ xem theo phạm vi phần tử

Hiển thị Element.startViewTransition() trên các phần tử HTML tuỳ ý. Phần tử này thiết lập một phạm vi cho hiệu ứng chuyển đổi, tức là các phần tử giả chuyển đổi sẽ chịu ảnh hưởng của các đoạn và phép biến đổi của phần tử mẹ, đồng thời nhiều hiệu ứng chuyển đổi trên các phần tử riêng biệt có thể chạy đồng thời.

Nội dung cập nhật về CSS: tách các thuộc tính width và style

Chrome tuân theo các quy cách CSS mới cập nhật cho hành vi của các thuộc tính border-width, outline-width và column-rule-width. Trước đây, nếu bạn đặt border-style, outline-style hoặc column-rule-style tương ứng thành none hoặc hidden, thì chiều rộng được tính của các thuộc tính này sẽ bị buộc thành 0px, bất kể giá trị được chỉ định là bao nhiêu.

Với thay đổi này, các giá trị được tính toán của border-width, outline-width và column-rule-width luôn phản ánh các giá trị do tác giả chỉ định, độc lập với thuộc tính *-style. Ngoài ra, các giá trị đã phân giải (do getComputedStyle() trả về) cho outline-width và column-rule-width cũng phản ánh các giá trị được chỉ định.

Thay đổi này giúp Chrome phù hợp với Firefox và WebKit, vốn đã triển khai hành vi này.

CSSPseudoElement giao diện

Giao diện CSSPseudoElement đại diện cho một phần tử giả trong JavaScript.

CSSPseudoElement được trả về từ Element.pseudo(type), trong đó type là: ::after, ::before, ::marker. CSSPseudoElement là một đối tượng proxy đại diện cho một phần tử giả, vì vậy, không giống như một phần tử giả, CSSPseudoElement luôn tồn tại.

CSSPseudoElement có các thuộc tính/phương thức sau:

• Thuộc tính type là một chuỗi biểu thị loại phần tử giả.
• Thuộc tính element là phần tử nguồn gốc cuối cùng của phần tử giả.
• Thuộc tính parent là phần tử ban đầu của phần tử giả (Có thể là Phần tử hoặc CSSPseudoElement đối với các phần tử giả lồng nhau).
• Phương thức pseudo(type) để truy xuất các phần tử giả lồng nhau.

Mục tiêu giả trên các sự kiện

Các sự kiện cụ thể được mở rộng để có .pseudoTarget là CSSPseudoElement (nếu đã tương tác với phần tử giả) hoặc null.

Điều này cung cấp thông tin cụ thể hơn về nguồn gốc của sự kiện, ví dụ: không chỉ một phần tử nguồn gốc cuối cùng (Event.target) được nhấp mà cụ thể hơn là ::after. Xin lưu ý rằng Event.target không thay đổi nên sự kiện này chỉ có thêm thông tin về hoạt động tương tác với phần tử giả.

Các sự kiện là UIEvent, AnimationEvent, TransitionEvent.

mouseover, mouseout, mouseenter, mouseleave và các đối tượng pointer* tương ứng không được hỗ trợ.

Tính năng phát hiện mặt phẳng WebXR

WebXR Plane Detection API cho phép các trang web truy xuất tập hợp các mặt phẳng được phát hiện trong môi trường của người dùng. Việc này vừa giúp nhà phát triển giảm bớt công việc, vừa mạnh mẽ hơn so với việc sử dụng tính năng WebXR cảm biến độ sâu vì các mặt phẳng (ví dụ: các bức tường mà đối tượng che khuất) vẫn có thể được thể hiện đầy đủ nếu hệ thống biết ranh giới của bức tường. Bản đồ độ sâu sẽ cho thấy bức tường, nhưng các vật thể phía trước bức tường sẽ phá vỡ bức tường đó, có thể che khuất toàn bộ phạm vi của bức tường. Ngoài ra, thông tin gắn nhãn ngữ nghĩa sẽ có sẵn khi thiết bị biết về những nhãn đó và chúng phù hợp với các danh mục được xác định trước. Nhờ vậy, thiết bị có thể hiểu rõ hơn về thế giới.

Lớp WebXR

WebXR Layers mang đến một cách hiệu quả hơn để vẽ nội dung sống động.

Ngoài việc hỗ trợ các kết cấu màu sắc và độ sâu tự nhiên cũng như mảng kết cấu, API này còn hỗ trợ nhiều loại lớp do trình kết hợp hệ thống quản lý thay vì JavaScript.

Phân tích cú pháp XML trong Rust cho các trường hợp không phải XSLT

Chúng tôi đang vận chuyển trình phân tích cú pháp XML Rust cho những trường hợp mà chúng tôi chắc chắn rằng không cần xử lý XSLT.

Trình phân tích cú pháp XML Rust giúp cải thiện tính bảo mật bằng cách loại bỏ các lỗi hỏng bộ nhớ trong quá trình phân tích cú pháp XML. Trình phân tích cú pháp này được thiết kế để thay thế việc sử dụng libxml2 (viết bằng C) bằng một giải pháp thay thế an toàn.

Chrome sẽ ngừng sử dụng XSLT. Trong khi quá trình này tiếp tục, bạn có thể sử dụng tính năng phân tích cú pháp XML Rust an toàn trong các trường hợp không cần XSLT:

Hỗ trợ JSON và kiểu cho link rel=modulepreload

Thêm chế độ hỗ trợ cho các loại mô-đun JSON và kiểu dưới dạng đích đến <link rel="modulepreload">. <link rel="modulepreload"> đã được hỗ trợ trong Chromium (xem https://chromestatus.com/feature/5762805915451392), nhưng chỉ hỗ trợ tải trước các tập lệnh mô-đun giống tập lệnh. Tính năng này giải quyết một khoảng trống về chức năng, vì tập lệnh mô-đun JSON và CSS được hỗ trợ ở nơi khác trong Chromium nhưng không được hỗ trợ làm đích đến <link rel="modulepreload">. Bạn có thể tải trước các mô-đun Style bằng <link rel="modulepreload" as="style" href="..."> và tải trước các mô-đun JSON bằng <link rel="modulepreload" as="json" href="...">.

Math.sumPrecise

Một đề xuất của TC39 để thêm một phương thức tính tổng nhiều giá trị vào JavaScript.

Thêm phương thức Math.sumPrecise có thể lặp lại. Phương thức này sẽ trả về tổng các giá trị trong đối tượng có thể lặp lại bằng cách sử dụng thuật toán chính xác hơn so với phép tính tổng đơn giản.

Hỗ trợ thuộc tính path trên phần tử <textpath> SVG

Thay đổi này bổ sung khả năng hỗ trợ thuộc tính path trên phần tử <textPath> SVG, cho phép tác giả xác định hình học đường dẫn văn bản nội tuyến bằng cách sử dụng dữ liệu đường dẫn SVG và giảm nhu cầu về các phần tử <path> được xác định riêng biệt.

<textPath> giải quyết hình học đường dẫn văn bản bằng các quy tắc sau:

1. Nếu cả path và href đều xuất hiện, thì hình học sẽ được phân giải từ thuộc tính path.
2. Nếu chỉ có thuộc tính path và phân tích cú pháp thành công, thì định nghĩa đường dẫn nội tuyến sẽ được sử dụng.
3. Nếu thuộc tính path không có hoặc không phân tích cú pháp được và bạn cung cấp thuộc tính href, thì phần tử <path> được tham chiếu sẽ được dùng làm phương án dự phòng.
4. Hành vi hiện có chỉ có href vẫn được giữ nguyên.

Việc triển khai này tuân theo định nghĩa về thuộc tính path của thông số kỹ thuật SVG 2 trên <textPath> và hành vi phân giải nhất quán với các công cụ trình duyệt khác, giúp cải thiện khả năng tương tác và tuân thủ các tiêu chuẩn.

Nhận các chức năng Xác nhận thanh toán an toàn

Thêm một phương thức tĩnh mới vào Yêu cầu thanh toán, cho phép nhà phát triển web nhận được các chức năng của việc triển khai Xác nhận thanh toán an toàn của trình duyệt.

Điều này giúp nhà phát triển web biết những chức năng có sẵn cho tính năng Xác nhận thanh toán an toàn để họ có thể quyết định xem có muốn sử dụng tính năng Xác nhận thanh toán an toàn với những chức năng đó hay không.

Cập nhật giới hạn Device Memory API

Cập nhật thành một tập hợp các giá trị có thể có cho Device Memory API (API Bộ nhớ thiết bị):

• Android: 1, 2, 4, 8
• Khác: 2, 4, 8, 16, 32.

Thay thế các giá trị cũ là 0,25, 0,5, 1, 2, 4, 8 đã lỗi thời.

Điều này giúp giảm nguy cơ tạo vân tay số ở đầu dưới vì khả năng của Thiết bị đã được cải thiện kể từ khi các giá trị này được đặt.

Quy định hạn chế về Quyền truy cập mạng cục bộ đối với Worker dịch vụ WindowClient.navigate()

Gần đây, chúng tôi đã thêm các quy định hạn chế về Quyền truy cập mạng cục bộ (LNA) để hạn chế các trang web tự ý gửi yêu cầu đến mạng cục bộ và thiết bị cục bộ. Tham số này được thêm vào cho các yêu cầu tìm nạp do Trình chạy dịch vụ khởi tạo, nhưng không được áp dụng cho các thao tác điều hướng do trình chạy dịch vụ thực hiện thông qua WindowClient.navigate

Lần ra mắt này giải quyết vấn đề này bằng cách thêm các hạn chế LNA vào các lệnh gọi WindowClient.navigate(), sử dụng WindowClient làm trình khởi tạo hoạt động điều hướng để xác định xem hoạt động điều hướng có phải là yêu cầu LNA hay không.

Điều này chỉ áp dụng nếu WindowClient đang được điều hướng là một khung phụ; Chrome không thực thi bất kỳ hạn chế LNA nào đối với các thao tác điều hướng khung chính.

Quy định hạn chế về quyền truy cập mạng cục bộ đối với WebSocket

Các quy định hạn chế về Quyền truy cập mạng cục bộ (LNA) đang được mở rộng để bao gồm cả WebSocket. Giờ đây, các kết nối WebSockets đến địa chỉ cục bộ sẽ kích hoạt lời nhắc cấp quyền.

Tất cả các chính sách doanh nghiệp LNA vẫn áp dụng cho các quy định hạn chế LNA WebSockets, bao gồm LocalNetworkAccessAllowedForUrls, LocalNetworkAccessBlockedForUrls và LocalNetworkAccessRestrictionsTemporaryOptOut.

Bạn có thể tìm thêm thông tin về LNA trong phần Quyền truy cập mạng cục bộ.

Quy định hạn chế về quyền truy cập mạng cục bộ đối với WebTransport

Hạn chế khả năng gửi yêu cầu đến mạng cục bộ của người dùng bằng WebTransport, được kiểm soát bằng lời nhắc cấp quyền.

Yêu cầu mạng cục bộ là mọi yêu cầu từ một trang web công khai đến địa chỉ IP cục bộ hoặc vòng lặp, hoặc từ một trang web cục bộ (ví dụ: mạng nội bộ) đến vòng lặp. Việc hạn chế khả năng các trang web thực hiện những yêu cầu này bằng một quyền sẽ giảm khả năng các trang web sử dụng những yêu cầu này để tạo dấu vân tay cho mạng cục bộ của người dùng.

Quyền này chỉ được cấp trong các bối cảnh bảo mật.

Chỉ dành cho IWA: API Web Printing

API này cho phép tích hợp sâu hơn với chức năng liên quan đến máy in trong Ứng dụng web tách biệt (IWA).

Web Printing API cung cấp một bộ phương thức JavaScript cho phép nhà phát triển truy vấn máy in cục bộ, gửi lệnh in đến máy in phù hợp nhất và quản lý các lựa chọn cũng như trạng thái của lệnh in. Để thể hiện những khái niệm này, giao thức này dựa vào tên thuộc tính và ngữ nghĩa trong quy cách của Giao thức in qua Internet (IPP).

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

Trong Chrome 147, bạn có thể chọn sử dụng các bản dùng thử nguồn gốc mới sau đây.

Thời gian hiển thị vùng chứa

Container Timing API cho phép bạn theo dõi thời điểm các phần được chú thích của DOM xuất hiện trên màn hình và đã hoàn tất quá trình hiển thị ban đầu. Nhà phát triển có thể đánh dấu các phần phụ của DOM bằng thuộc tính containertiming (tương tự như elementtiming đối với Element Timing API) và nhận các mục nhập hiệu suất khi phần đó được vẽ lần đầu tiên. API này cho phép nhà phát triển đo lường thời gian của nhiều thành phần trong trang của họ.

Sự kiện tự động điền

Tự động điền là một tính năng quan trọng của web, giúp giảm bớt phiền toái cho hàng triệu người dùng mỗi ngày. Tuy nhiên, việc tự động điền hoạt động một cách đáng tin cậy với các biểu mẫu động trên nhiều cách triển khai có thể phức tạp.

Tính năng này thêm một sự kiện autofill sẽ kích hoạt khi trình duyệt sắp tự động điền một trường biểu mẫu. Sự kiện này cho phép nhà phát triển sửa đổi biểu mẫu của họ cho phù hợp với dữ liệu được tự động điền và cho trình duyệt biết khi nào họ đã thực hiện xong.

Phần tử HTML cài đặt ứng dụng web

Cho phép một trang web nhắc người dùng cài đặt ứng dụng web một cách khai báo. Phần tử này có thể chấp nhận hai thuộc tính cho phép cài đặt nội dung từ một nguồn gốc khác.

Danh sách cho phép kết nối

Danh sách cho phép kết nối là một tính năng được thiết kế để cung cấp quyền kiểm soát rõ ràng đối với các điểm cuối bên ngoài bằng cách hạn chế các kết nối được bắt đầu bằng Fetch API hoặc các API nền tảng web khác từ một tài liệu hoặc worker.

Việc triển khai được đề xuất liên quan đến việc phân phối danh sách điểm cuối được uỷ quyền từ máy chủ thông qua tiêu đề phản hồi HTTP. Trước khi tác nhân người dùng thiết lập bất kỳ kết nối nào thay cho một trang, tác nhân sẽ đánh giá đích đến dựa trên danh sách cho phép này; các kết nối đến những điểm cuối đã xác minh được cho phép, trong khi những kết nối không khớp với các mục trong danh sách sẽ bị chặn.

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

Phiên bản Chrome này giới thiệu những thay đổi sau đây về việc ngừng sử dụng và xoá. Truy cập ChromeStatus.com để xem danh sách các tính năng dự kiến sẽ không dùng nữa, các tính năng hiện không dùng nữa và các tính năng đã bị xoá trước đây.

Bản phát hành Chrome này không dùng X tính năng.

Xoá XSLT nội tuyến để tạo SVG

Chúng tôi đang bắt đầu loại bỏ dần XSLT nội tuyến để tạo SVG. Thư viện này được triển khai đồng bộ với thử nghiệm dựa trên Trình phân tích cú pháp XML dựa trên Rust và không được triển khai ngay lập tức cho 100% trong phiên bản phát hành vận chuyển được đánh dấu.

Một tệp XML được tạo đặc biệt có thể chứa một biểu định kiểu XSL giúp chuyển đổi dữ liệu XML chung thành tệp SVG.

Ví dụ: https://gist.github.com/drott/1fc70b3c7f0ac314d1fe2e5beecc5490?short_path=1c60adf

Đây là một trường hợp đặc biệt của quy trình xử lý XSLT mà theo các phép đo mức sử dụng, Chrome coi như không tồn tại trên web. Chrome dự định ngừng sử dụng và xoá cách sử dụng XSLT cụ thể này trước khi loại bỏ hoàn toàn XSLT.