Kiểu trong phạm vi cho CSS, các tính năng đa phương tiện bổ sung, vùng chứa cuộn có thể làm tâm điểm bằng bàn phím, v.v.
Trừ phi có ghi chú khác, các thay đổi được mô tả sẽ áp dụng cho bản phát hành kênh thử nghiệm beta mới nhất của 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 từ danh sách trên ChromeStatus.com. Chrome 118 là phiên bản thử nghiệm kể từ ngày 13 tháng 9 năm 2023. Bạn có thể tải xuống những bản phát hành mới nhất trên Google.com dành cho máy tính hoặc trên Cửa hàng Google Play trên Android.
CSS
Bản phát hành này bổ sung 4 tính năng mới cho Dịch vụ so sánh giá (CSS).
Kiểu có phạm vi
Quy tắc @scope
cho phép nhà phát triển phạm vi quy tắc kiểu đối với một gốc phạm vi nhất định và tạo kiểu cho các phần tử theo độ gần của gốc phạm vi đó.
Giá trị tương đối luồng logic CSS
Thêm các giá trị mới sau đây vào các thuộc tính CSS hiện có:
float: inline-start
float: inline-end
clear: inline-start
clear: inline-end
resize: block
resize: inline
Những từ khoá về hướng tương đối này phân giải đến một giá trị vật lý, tuỳ thuộc vào chế độ ghi hoặc hướng của phần tử hoặc khối chứa phần tử đó.
Truy vấn nội dung đa phương tiện: tính năng prefers-reduced-transparency
Thêm tính năng đa phương tiện prefers-reduced-transparency
, cho phép nhà phát triển điều chỉnh nội dung trên web theo lựa chọn ưu tiên do người dùng chọn để giảm độ trong suốt trong hệ điều hành, chẳng hạn như chế độ cài đặt Giảm độ trong suốt trên macOS. Các lựa chọn hợp lệ là reduce
hoặc no-preference
.
Hỗ trợ hộp nét, hộp nội dung và hộp viền trong thuộc tính CSS hộp biến đổi
Việc thêm tính năng hỗ trợ này cho phép thay đổi cách tính hộp tham chiếu cho thuộc tính transform
. Chế độ này cho phép biến đổi thêm hoặc thêm hiệu ứng đồ hoạ. Ví dụ: xoay xung quanh một điểm trong hộp nội dung, trong đó chiều rộng của đường viền của một phần tử không ảnh hưởng đến kết quả. Hoặc vị trí mà nét vẽ của một phần tử (SVG) sẽ ảnh hưởng đến kết quả, ví dụ: khi xoay hình có nét vẽ quanh tâm — bao gồm cả nét vẽ.
HTML
Vùng chứa cuộn có thể làm tâm điểm bằng bàn phím
Cải thiện khả năng tiếp cận bằng cách đặt các vùng chứa cuộn có thể làm tâm điểm thông qua tính năng điều hướng lấy tiêu điểm tuần tự. Trước khi có thay đổi này, phím Tab không có tính năng cuộn tiêu điểm trừ phi bạn đặt tabIndex
rõ ràng thành 0
trở lên. Bằng cách đặt trình cuộn có thể làm tâm điểm theo mặc định, người dùng không thể (hoặc không muốn) sử dụng chuột sẽ có thể truy cập vào nội dung bị cắt bằng cách sử dụng các phím tab và mũi tên trên bàn phím. Hành vi này không áp dụng cho những trình cuộn chứa các phần tử có thể làm tâm điểm bằng bàn phím vì các phần tử đó có thể truy cập được qua bàn phím.
Xoá hành vi của chế độ tương thích ngược cho thuộc tính nhãn tuỳ chọn
Các phần tử Tuỳ chọn hỗ trợ thuộc tính label
, khiến lựa chọn này hiển thị với văn bản bên trong thuộc tính thay vì văn bản con của chính phần tử tuỳ chọn đó. Chức năng này bị tắt ở chế độ tương thích ngược, trong đó thuộc tính nhãn bị bỏ qua và văn bản con luôn được hiển thị. Thay đổi này sẽ luôn sử dụng thuộc tính nhãn ở cả chế độ tiêu chuẩn và chế độ tương thích ngược.
API web
Đăng ký Hộp cát về quyền riêng tư (PSB)
Khi các API đo lường và mức độ liên quan trong Hộp cát về quyền riêng tư bắt đầu được phát triển rộng rãi, chúng tôi muốn đảm bảo rằng những công nghệ này được sử dụng đúng mục đích và minh bạch. Các API này bao gồm Attribution Reporting, Protected Audience API, Topics API, API tổng hợp riêng tư và API Bộ nhớ dùng chung. PSB sẽ ra mắt quy trình Đăng ký mới dành cho nhà phát triển đối với các API đo lường và mức độ liên quan của Hộp cát về quyền riêng tư. Chrome sẽ tìm nạp danh sách trang web đã đăng ký từ máy chủ đăng ký (thông qua trình cập nhật thành phần) và sử dụng danh sách đó để kiểm soát quyền truy cập vào API Hộp cát về quyền riêng tư.
Chặn tất cả cookie được đặt qua JavaScript có chứa ký tự điều khiển
Cập nhật cách xử lý các ký tự điều khiển trong cookie được đặt qua JavaScript. Cụ thể, tất cả các ký tự điều khiển đều khiến toàn bộ cookie bị từ chối. Trước đây, ký tự NULL, một ký tự trả lại vị trí đầu dòng hoặc một ký tự nguồn cấp dữ liệu dòng trong một dòng cookie đã khiến ký tự đó bị cắt bớt thay vì bị từ chối hoàn toàn. Điều này có thể tạo ra hành vi độc hại trong một số trường hợp nhất định. Hành vi này điều chỉnh Chrome phù hợp với hành vi được biểu thị trong các bản nháp mới nhất của RFC6265bis. Bạn có thể tắt thay đổi này bằng chính sách doanh nghiệp --disable-features=BlockTruncatedCookies
hoặc chính sách doanh nghiệp BlockTruncatedCookie. Chính sách này sẽ áp dụng cho một số mốc quan trọng trong trường hợp sự thay đổi này gây ra sự cố.
Cỡ chữ tối thiểu nhất quán trên các ngôn ngữ
Thay đổi chế độ cài đặt mặc định thành tắt Kích thước phông chữ tối thiểu theo mặc định cho 7 ngôn ngữ (tiếng Ả Rập, tiếng Farsi, tiếng Nhật, tiếng Hàn, tiếng Thái, tiếng Trung giản thể và tiếng Trung phồn thể) để cải thiện khả năng tương tác và hỗ trợ tiếp cận. Trước khi có thay đổi này, chế độ cài đặt này bị tắt theo mặc định đối với tất cả ngôn ngữ, ngoại trừ 7 ngôn ngữ được liệt kê. Thay đổi này giúp các ngôn ngữ này nhất quán với các ngôn ngữ khác. Lưu ý: Đây không phải là việc thay đổi bản thân tính năng kích thước phông chữ tối thiểu. Tính năng này sẽ được cung cấp mà không có bất kỳ thay đổi nào về khả năng hỗ trợ tiếp cận và khả năng đọc.
Phát hiện hiệu ứng chuyển đổi UA trên các thao tác điều hướng cùng một tài liệu
Các hiệu ứng chuyển đổi hình ảnh mượt mà khi người dùng thao tác trên web có thể giúp giảm tải nhận thức bằng cách giúp người dùng hiểu rõ bối cảnh. Tuy nhiên, trải nghiệm người dùng sẽ rất tệ nếu cả tác giả trang web và UA đều thêm các hiệu ứng chuyển đổi này: các quá trình chuyển đổi có thể xung đột và gây nhầm lẫn cho người dùng. API này tránh những trường hợp như vậy để đảm bảo chỉ thực thi một lượt chuyển đổi hình ảnh tại một thời điểm. API này sẽ thêm một boolean trên PopStateEvent
và NavigateEvent
để cho biết liệu UA đã thực thi quá trình chuyển đổi hình ảnh cho hoạt động điều hướng này hay chưa. Nhà phát triển có thể dùng chế độ này để bỏ qua quá trình chuyển đổi tuỳ chỉnh.
Trình phân tích cú pháp URL sẽ không giải mã các ký tự ASCII được mã hóa phần trăm trong đường dẫn của URL
Thay đổi này khiến trình phân tích cú pháp URL không giải mã được các ký tự ASCII được mã hóa theo phần trăm trong đường dẫn của URL, chẳng hạn như "%41" ('A'). Trước khi có thay đổi này:
const url = new URL("http://example.com/%41");
url.href "http://example.com/A"
Sau thay đổi này:
const url = new URL("http://example.com/%41");
url.href "http://example.com/%41"
Tiêu chí nhắm mục tiêu phủ định cho Protected Audience
Trong các phiên đấu giá quảng cáo trực tuyến cho không gian quảng cáo, đôi khi, việc ngăn hiển thị quảng cáo cho một số đối tượng nhất định là một khái niệm được gọi là nhắm mục tiêu phủ định. Ví dụ: bạn có thể không muốn hiển thị quảng cáo khách hàng mới cho khách hàng hiện tại. Các chiến dịch thu nạp khách hàng mới thường coi đây là một yêu cầu quan trọng. Protected Audience hiện cho phép quảng cáo nhắm đến những người dùng đã tham gia một nhóm mối quan tâm nhất định thông qua một số hoạt động trước đây trên web. Tính năng này mở rộng Protected Audience để hỗ trợ tiêu chí nhắm mục tiêu phủ định bằng cách cho phép quảng cáo mới chỉ nhắm đến những người dùng chưa tham gia một nhóm mối quan tâm nhất định. Bằng cách này, chúng tôi sẽ cho phép nhà quảng cáo nhắm đến các nhóm người dùng mới bằng các khái niệm bảo đảm quyền riêng tư hiện có của Protected Audience API.
Xoá yêu cầu kích hoạt người dùng thanh toán
Để giúp nhà phát triển giảm thiểu rào cản trong quy trình Yêu cầu thanh toán, chúng tôi sẽ loại bỏ yêu cầu kích hoạt người dùng trong phần Yêu cầu thanh toán và Xác nhận thanh toán an toàn. Chúng tôi áp dụng các biện pháp giảm thiểu nội dung rác và tấn công giả mạo để giảm thiểu rủi ro về bảo mật và quyền riêng tư trong sự thay đổi này.
WebUSB trong trình chạy dịch vụ mở rộng
Cho phép nhà phát triển web sử dụng API WebUSB khi phản hồi các sự kiện của tiện ích bằng cách hiển thị API WebUSB cho Trình chạy dịch vụ được đăng ký bởi tiện ích của trình duyệt. API này hiện không tiếp xúc với Service Workers do các trang web đăng ký.
Tài liệu XML hợp nhất các phần CDATA liên tiếp thành một nút duy nhất
Do lỗi trong libxml, các phần CDATA trong tài liệu IME đôi khi có thể tạo nhầm nhiều nút, tuỳ thuộc vào kích thước của tài liệu và vị trí của phần CDATA trong tài liệu. Khi một phần CDATA duy nhất kéo dài nhiều phân đoạn trình phân tích cú pháp đầu vào, libxml sẽ lưu vào bộ đệm và phát dữ liệu đầu vào CDATA vào các lần chạy 300 byte. Thao tác này bất ngờ chuyển một phần CDATA duy nhất thành nhiều nút (nếu độ dài của phân đoạn đầu vào lớn hơn 300 byte). Thay đổi này khiến các nút trong phần CDATA đồng cấp được hợp nhất vào một phần CDATA duy nhất trong quá trình phân tích cú pháp. Thao tác này sẽ khắc phục lỗi libxml trong quá trình phân tích cú pháp, nhưng đồng thời cũng hợp nhất các nút riêng biệt đã được tạo ra, ví dụ: <![CDATA[foo]]><!CDATA[bar]]>
Sẽ tạo ra một nút CDATA DOM với nội dung "foobar": CDATA "foobar"
.
Thay đổi điều kiện của hộp thoại của trình xử lý beforeunload
Có hai thay đổi mới về cách hộp thoại huỷ được nhắc cho sự kiện beforeunload
.
Nếu event.preventDefault()
được gọi, hãy nhắc huỷ hộp thoại.
Nếu event.returnValue
là chuỗi trống, đừng nhắc hộp thoại huỷ.
Bản dùng thử theo nguyên gốc đang diễn ra
Trong Chrome 118, bạn có thể chọn tham gia bản dùng thử theo nguyên gốc mới sau đây.
Chuyển đổi được mã hoá WebRTC: sửa đổi các chức năng siêu dữ liệu
Thêm các tính năng vào API chuyển đổi mã hóa WebRTC để cho phép chỉnh sửa siêu dữ liệu khung âm thanh và video. Một số trường hợp sử dụng đã được xác định là yêu cầu thao tác với nội dung đa phương tiện được mã hoá WebRTC mà không cần giải mã chúng trước. Những quốc gia/khu vực này bao gồm:
- Gửi dữ liệu đã được mã hoá trước đó.
- Gửi dữ liệu đã nhận được dưới dạng mã hoá.
- Nhận dữ liệu dưới dạng mã hoá và chuyển tiếp dữ liệu đó.
Cụ thể, chúng tôi muốn hỗ trợ trường hợp sử dụng tính năng chuyển tiếp nội dung nghe nhìn không gặp sự cố từ nhiều kết nối ngang hàng dự phòng cung cấp cùng tải trọng nội dung nghe nhìn nhưng có siêu dữ liệu khác.
Đăng ký bản dùng thử theo nguyên gốc RTCEncodedFrameSetMetadata.
Ngừng sử dụng và xoá
Phiên bản Chrome này đã ngừng sử dụng và loại bỏ được liệt kê bên dưới. Truy cập vào ChromeStatus.com để biết danh sách các miền ngừng sử dụng theo kế hoạch, các lượt ngừng sử dụng hiện tại và các lượt xoá trước đây.
Bản phát hành Chrome này sẽ xoá tính năng sau.
Xoá một số từ khoá có giao diện không chuẩn
Trong Chrome 118, những từ khoá appearance
không chuẩn có mức sử dụng thấp nhất sẽ bị huỷ kích hoạt. Sau khi tính năng này bị huỷ kích hoạt, thuộc tính giao diện sẽ bị bỏ qua nếu sử dụng từ khoá đó làm giá trị. Từ khoá đang bị huỷ kích hoạt trong Chrome 118 là những từ khoá có mức sử dụng dưới 0,001%:
media-slider
media-sliderthumb
media-volume-slider
media-volume-sliderthumb
sliderthumb-horizontal
sliderthumb-vertical
Thông tin khái quát
Vì chỉ hỗ trợ từ khoá appearance
chuẩn, nên chúng tôi sẽ xoá các từ khoá appearance
(và -webkit-appearance
) không chuẩn. Danh sách đầy đủ như sau:
inner-spin-button
media-slider
media-sliderthumb
media-volume-slider
media-volume-sliderthumb
push-button
searchfield-cancel-button
slider-horizontal
sliderthumb-horizontal
sliderthumb-vertical
square-button
Xin lưu ý rằng giá trị slider-vertical
sẽ không bị xoá trong quá trình này
bản vá được dùng để cho phép <input type=range>
theo chiều dọc. Sẽ là
bị gỡ bỏ sau khi điều khiển biểu mẫu chế độ viết dọc được áp dụng đầy đủ.
Trước khi bị huỷ kích hoạt, nếu bạn sử dụng bất kỳ từ khoá nào ở trên, cảnh báo trên bảng điều khiển sẽ xuất hiện nhưng từ khoá đó sẽ được ghi nhận là giá trị hợp lệ.