Dưới đây là những gì bạn cần phải biết:
font-size-adjustgiúp bạn cải thiện mức độ dễ đọc của phông chữ dự phòng.- Giờ đây, các lệnh kích hoạt của người dùng sẽ được truyền giữa các tài liệu ở chế độ hình trong hình và trình mở các tài liệu đó.
- Theo mặc định, Vùng chứa cuộn hiện có thể làm tâm điểm bằng bàn phím.
- Và còn nhiều nhiều lợi ích khác.
Tôi là Adriana Jara. Hãy cùng tìm hiểu xem có gì mới dành cho nhà phát triển trong Chrome 127.
Dịch vụ so sánh giá (CSS) font-size-adjust
Mức độ dễ đọc của trang web có thể giảm khi bộ phông chữ lựa chọn đầu tiên không có sẵn và phông chữ dự phòng của trang web có giá trị khung hình khác biệt đáng kể.
Hình ảnh sau đây cho thấy sự khác biệt giữa phông chữ Verdana và phông chữ Times mặc dù văn bản có cùng kích thước.
Nếu trang web của bạn quay lại dùng phông chữ Times thì trang web sẽ trở nên khó đọc hơn rất nhiều.
Thuộc tính CSS font-size-adjust giúp bạn điều chỉnh kích thước phông chữ của phông chữ dự phòng để giữ cho giá trị khung hình (chiều cao của chữ thường chia cho kích thước phông chữ) nhất quán, đảm bảo văn bản hiển thị giống nhau, bất kể phông chữ được sử dụng là gì.
Trong hình ảnh sau đây, bằng cách dùng phông chữ-điều chỉnh kích thước, mức độ dễ đọc giữa phông chữ Verdana và phông chữ Times.
font-size-adjust: 0.545;
Khi font-size-adjust ra mắt trên Chrome, tính năng này sẽ trở thành tính năng mới của Baseline. Đọc thông tin chi tiết trong phần CSS font-size-adjust hiện có trong Baseline.
Chế độ hình trong hình tài liệu: tuyên bố kích hoạt người dùng
Giờ đây, API Hình trong hình của tài liệu sẽ phổ biến các thao tác kích hoạt của người dùng giữa cửa sổ hình trong hình của tài liệu và trình mở cửa sổ.
Hãy truy cập bản minh hoạ truyền kích hoạt cử chỉ của người dùng và xem những thay đổi đối với màu nền của trang khi phát hiện thấy thao tác kích hoạt của người dùng. Cử chỉ của người dùng được truyền trong cả hai ngữ cảnh để thay đổi nền cho cả hai cửa sổ.
Nhờ vậy, các thao tác kích hoạt của người dùng trong cửa sổ hình trong hình của tài liệu có thể dùng được bên trong cửa sổ mở và ngược lại. Thay đổi này giúp việc sử dụng API có cổng kích hoạt người dùng trở nên thuận tiện hơn vì các trình xử lý sự kiện trong cửa sổ hình trong hình của tài liệu thường thực sự chạy trong ngữ cảnh của trình mở, vì vậy, ngữ cảnh của trình mở cần quyền truy cập vào cử chỉ của người dùng.
Hãy truy cập vào phần Hình trong hình để xem mọi phần tử, chứ không chỉ <video> để biết thêm thông tin.
Vùng chứa cuộn có thể làm tâm điểm trên bàn phím.
Vùng chứa cuộn trở thành tiêu điểm bằng bàn phím đóng vai trò quan trọng giúp trình cuộn và nội dung trong trình cuộn dễ tiếp cận hơn với tất cả người dùng.
Từ nay trở đi, theo mặc định, trình cuộn có thể làm tâm điểm nhấp chuột và có thể lập trình để lấy tiêu điểm. Trước khi có thay đổi này, một phần tử trình cuộn chỉ có thể được lấy làm tâm điểm bằng thẻ nếu chỉ mục thẻ được đặt rõ ràng là 0 trở lên.
Xin lưu ý rằng hành vi này chỉ xảy ra nếu trình cuộn không có phần tử con nào có thể làm tâm điểm. Ví dụ: nếu thanh cuộn đã chứa một nút, thì tiêu điểm thẻ sẽ bỏ qua thanh cuộn và đặt tiêu điểm trực tiếp vào nút đó.
Các phương pháp hay nhất về hỗ trợ tiếp cận đều khuyến nghị rằng người dùng phải sử dụng được tất cả các tính năng thông qua bàn phím. Theo mặc định, trình cuộn có thể làm tâm điểm trên bàn phím giúp người dùng dễ dàng sử dụng tính năng điều hướng lấy tiêu điểm tuần tự để truy cập vào trình cuộn.
Xem thêm thông tin chi tiết trong phần Trình cuộn có thể làm tâm điểm bằng bàn phím
Và nhiều tính năng khác!
Tất nhiên là còn nhiều tính năng khác nữa.
Giờ đây, bạn có thể chuyển đổi đồng thời chế độ xem cùng tài liệu trong khung chính và iframe cùng nguồn gốc.
Văn bản thay thế được tạo từ nội dung CSS hiện hỗ trợ nhiều đối số.
Giờ đây, bảng điều khiển Hiệu suất DevTools sẽ ghi lại các sự kiện thông báo của WebSocket và cho thấy các sự kiện đó trong dấu vết hiệu suất.
Tài liệu đọc thêm
Trên đây chỉ là một số điểm nổi bật chính. Kiểm tra các đường liên kết sau để các thay đổi bổ sung trong Chrome 127.
- Tính năng mới trong Công cụ của Chrome cho nhà phát triển (127)
- Nội dung cập nhật ChromeStatus.com cho Chrome 127
- Danh sách thay đổi kho lưu trữ nguồn Chromium
- Lịch phát hành Chrome
Đăng ký
Để cập nhật thông tin, hãy đăng ký Kênh YouTube dành cho nhà phát triển Chrome, và bạn sẽ nhận được thông báo qua email mỗi khi chúng tôi ra mắt video mới.
Xin chào Adriana Jara! Ngay sau khi Chrome 127 được phát hành, tôi sẽ cho bạn biết các tính năng mới trong Chrome!