Các điểm bổ sung cho Screen Capture API, nội suy thuộc tính grid-template của CSS và nhiều điểm khác.
Trừ phi có ghi chú khác, những thay đổi được mô tả dưới đâ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 được liệt kê tại đây thông qua các đường liên kết được cung cấp hoặc trong danh sách trên ChromeStatus.com. Chrome 107 là phiên bản beta kể từ ngày 29 tháng 9 năm 2022. Bạn có thể tải phiên bản mới nhất xuống trên Google.com cho máy tính hoặc trên Cửa hàng Google Play cho Android.
Nội suy thuộc tính grid-template của CSS
Trong Lưới CSS, các thuộc tính grid-template-columns và grid-template-rows cho phép nhà phát triển xác định tên dòng và theo dõi kích thước của các cột và hàng trong lưới, tương ứng. Nhờ những người đóng góp tại Microsoft, chúng tôi hiện hỗ trợ nội suy cho các thuộc tính này. Giờ đây, bố cục dạng lưới có thể chuyển đổi mượt mà giữa các trạng thái, thay vì chụp nhanh ở điểm giữa của một ảnh động hoặc hiệu ứng chuyển đổi.
Các chế độ kiểm soát chia sẻ màn hình giúp bảo vệ quyền riêng tư
Screen Capture API (API Chụp màn hình) giới thiệu các điểm bổ sung cho Media Capture and Streams API (API Chụp và truyền phát nội dung nghe nhìn) hiện có để cho phép người dùng chọn một màn hình hoặc một phần màn hình (chẳng hạn như một cửa sổ) để chụp dưới dạng luồng nội dung nghe nhìn. Sau đó, bạn có thể ghi lại hoặc chia sẻ luồng này với người khác qua mạng. Trong phiên bản beta này, một số tính năng mới đã được thêm vào API này.
DisplayMediaStreamConstraints.selfBrowserSurface
Gợi ý cho phép các ứng dụng Web hướng dẫn trình duyệt xem có nên loại trừ thẻ hiện tại khỏi danh sách thẻ được cung cấp cho người dùng hay không khi gọi getDisplayMedia().
Điều này giúp ngăn chặn tình trạng tự chụp ảnh/quay video vô tình. Khi người dùng vô tình chọn thẻ mà ứng dụng đang chạy, hiệu ứng Hall-of-Mirrors sẽ xuất hiện, khiến người dùng nhầm lẫn và làm gián đoạn cuộc thảo luận với người dùng từ xa.
DisplayMediaStreamConstraints.surfaceSwitching
Thêm một lựa chọn để kiểm soát theo chương trình việc Chrome có hiện nút chuyển đổi thẻ trong khi chia sẻ màn hình hay không. Lựa chọn này sẽ được chuyển đến navigator.mediaDevices.getDisplayMedia().
Nút Chia sẻ thẻ này cho phép người dùng chuyển đổi liền mạch thẻ mà họ đang chia sẻ mà không cần phải chọn lại thẻ hội nghị truyền hình, nhấp vào nút để bắt đầu lại getDisplayMedia() hoặc chọn một thẻ mới trong danh sách dài các thẻ. Hành vi này được hiển thị có điều kiện vì không phải ứng dụng web nào cũng có thể xử lý hành vi này.
MediaTrackConstraintSet.displaySurface
Khi getDisplayMedia() được gọi, trình duyệt sẽ cung cấp cho người dùng lựa chọn về các nền tảng hiển thị: thẻ, cửa sổ hoặc màn hình. Khi sử dụng ràng buộc displaySurface, giờ đây, ứng dụng Web có thể gợi ý cho trình duyệt nếu ứng dụng đó muốn một loại nền tảng nhất định được cung cấp nổi bật hơn cho người dùng.
Tìm hiểu thêm về cách các tính năng này giúp tránh tình trạng vô tình chia sẻ quá nhiều.
Trạng thái chặn hiển thị trong Resource Timing
Thêm một trường vào PerfomanceResourceTiming để cho biết trạng thái chặn hiển thị của một tài nguyên. Hiện tại, theo quan điểm của nhà phát triển, cách duy nhất để xác định tài nguyên nào thực sự chặn quá trình hiển thị là dựa vào các phương pháp phỏng đoán phức tạp. Thay vào đó, trường mới sẽ cung cấp tín hiệu trực tiếp về vấn đề này.
Ký tự đại diện trong nguồn gốc của chính sách về quyền
Tính năng này bổ sung khả năng hỗ trợ ký tự đại diện trong chính sách quyền có cấu trúc như SCHEME://*.HOST:PORT (ví dụ: https://*.foo.com/), trong đó bạn có thể tạo một Nguồn gốc hợp lệ từ SCHEME://HOST:PORT (ví dụ: https://foo.com/). Điều này yêu cầu HOST phải có ít nhất là eTLD+1 (một miền có thể đăng ký). Điều này có nghĩa là https://*.bar.foo.com/ sẽ hoạt động nhưng https://*.com/ thì không. Ký tự đại diện trong phần giản đồ và cổng sẽ không được hỗ trợ và https://*.foo.com/ không uỷ quyền cho https://foo.com/. Trước đây, chính sách về quyền có thể cần phải có dạng như sau:
permissions-policy: ch-ua-platform-version=(self "https://foo.com" "https://cdn1.foo.com" "https://cdn2.foo.com")
Với tính năng này, bạn có thể sử dụng:
permissions-policy: ch-ua-platform-version=(self "https://foo.com" "https://*.foo.com")
Hỗ trợ thuộc tính rel trên các phần tử <form>
Tính năng này thêm thuộc tính rel vào các phần tử biểu mẫu, giúp ngăn window.opener xuất hiện trên các trang web mà các phần tử biểu mẫu có rel=noopener chuyển đến và ngăn tiêu đề giới thiệu được gửi bằng rel=noreferrer.
Bản dùng thử theo nguyên gốc
Bản phát hành Chrome này có 2 bản dùng thử theo nguyên gốc mới.
Declarative PendingBeacon API
Một API beacon có trạng thái cho phép trình duyệt kiểm soát thời điểm gửi beacon. Beacon là một gói dữ liệu được gửi đến máy chủ phụ trợ mà không mong đợi một phản hồi cụ thể. Bạn nên gửi những thông tin này vào cuối lượt truy cập của người dùng vào một trang, nhưng không có thời điểm thích hợp để thực hiện lệnh gọi "gửi" đó. API này uỷ quyền việc gửi cho chính trình duyệt, vì vậy, API này có thể hỗ trợ các beacon khi trang được huỷ tải hoặc khi trang bị ẩn, mà nhà phát triển không cần phải triển khai các lệnh gọi gửi vào đúng thời điểm.
Thử nghiệm này dự kiến sẽ diễn ra cho đến Chrome 109. Đăng ký dùng thử tại đây.
Permissions-Policy: unload
Tính năng này cho phép các trang vô hiệu hoá việc chạy trình xử lý sự kiện huỷ tải. Mục tiêu là cho phép những trang web đã xoá tất cả trình xử lý sự kiện unload đảm bảo rằng họ không vô tình thêm trình xử lý mới. Điều này sẽ giúp các trang web di chuyển khỏi trình xử lý sự kiện huỷ tải và nhờ đó cải thiện tỷ lệ truy cập BFCache.
Thử nghiệm này dự kiến sẽ diễn ra cho đến Chrome 109. Đăng ký dùng thử tại đây.
Ngừng sử dụng và xoá
Phiên bản Chrome này giới thiệu các tính năng không dùng nữa và bị xoá như được liệt kê bên dưới. Truy cập ChromeStatus.com để xem danh sách các tính năng dự kiến ngừng sử dụng, các tính năng hiện đang ngừng sử dụng 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 một tính năng.
Expect-CT
Expect-CT là một tiêu đề HTTP cho phép các trang web chọn tham gia thực thi Tính minh bạch của chứng chỉ trước khi được thực thi theo mặc định. Công cụ này cũng có chức năng báo cáo để giúp nhà phát triển phát hiện các lỗi định cấu hình CT.
Tiêu đề HTTP Expect-CT được thiết kế để giúp chuyển sang chế độ thực thi Tính minh bạch của chứng chỉ (CT) trên toàn cầu, bằng cách cho phép các trang web có giá trị cao chọn tham gia chế độ thực thi hoặc báo cáo CT để tăng cường bảo mật trước khi Chrome yêu cầu chế độ thực thi CT trên tất cả các trang web công khai. Tuy nhiên, Expect-CT hiện không còn hữu ích nữa. Chrome hiện yêu cầu CT trên tất cả các trang web công khai, nên Expect-CT không còn giá trị bảo mật nữa. Không có trình duyệt nào khác triển khai Expect-CT, vì vậy, việc xoá trình duyệt này không phải là vấn đề về khả năng tương tác.