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 khả năng đọc của phông chữ dự phòng.- Giờ đây, các lượt kích hoạt của người dùng sẽ được truyền giữa các tài liệu hình trong hình và trình mở 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 tính năng khác.
Tôi là Adriana Jara. Hãy cùng tìm hiểu những tính năng mới dành cho nhà phát triển trong Chrome 127.
CSS font-size-adjust
Khả năng đọc của trang web có thể giảm khi không có phông chữ ưu tiên và phông chữ dự phòng có giá trị tỷ lệ 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à 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ị tỷ lệ (chiều cao của chữ cái viết thường chia cho kích thước phông chữ) nhất quán, đảm bảo văn bản xuất hiện tương tự 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;
Với việc ra mắt font-size-adjust trong Chrome, tính năng này trở thành Đường cơ sở mới có sẵn, hãy đọc thông tin chi tiết trong bài viết CSS font-size-adjust hiện có trong Đường cơ sở.
Ghi lại chế độ hình trong hình: truyền tải hoạt động kích hoạt của người dùng
API Hình trong hình của tài liệu hiện truyền tải các lượt 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ổ đó.
Truy cập vào bản minh hoạ về việc truyền hoạt động kích hoạt cử chỉ của người dùng và xem các thay đổi đối với màu nền của trang khi phát hiện hoạt động 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ổ.
Điều này giúp người dùng có thể kích hoạt trong cửa sổ hình trong hình của tài liệu bên trong cửa sổ trình 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 tiện lợi hơn, vì thường trình xử lý sự kiện trong cửa sổ hình trong hình của tài liệu 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 cho mọi phần tử, không chỉ <video> để biết thêm thông tin chi tiết.
Vùng chứa cuộn có thể lấy tiêu điểm bằng bàn phím.
Việc vùng chứa cuộn có thể lấy tiêu điểm bằng bàn phím là điều quan trọng để giúp tất cả người dùng dễ dàng tiếp cận thanh cuộn và nội dung trong thanh cuộn hơn.
Từ giờ trở đi, theo mặc định, trình cuộn sẽ có thể lấy tiêu điểm theo cách có lập trình. Trước thay đổi này, người dùng chỉ có thể chọn phần tử thanh cuộn làm tâm điểm bằng thẻ nếu giá trị của thuộc tính tabindex được đặt rõ ràng thành từ 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ì thao tác nhấn phím Tab để chọn phần tử làm tâm điểm sẽ bỏ qua thanh cuộn và trực tiếp tập trung vào nút đó.
Theo các phương pháp hay nhất về Hỗ trợ tiếp cận, tất cả các tính năng đều phải có thể sử dụng bằng bàn phím. Theo mặc định, thanh cuộn có thể làm tâm điểm (thao tác bằng bàn phím) giúp người dùng dễ dàng sử dụng thao tác điều hướng theo tâm điểm tuần tự để truy cập vào thanh cuộn.
Xin lưu ý rằng thay đổi này đang được bật cho người dùng rất chậm theo thời gian để chúng tôi có thể theo dõi các vấn đề do thay đổi này gây ra. Do đó, một số người dùng có thể không thấy tính năng này được bật cho đến phiên bản 130 trở lên.
Xem thêm thông tin chi tiết trong phần Thanh cuộn có thể làm tâm điểm (thao tác bằng bàn phím)
Và nhiều tính năng khác!
Tất nhiên còn nhiều tính năng khác.
Hiện đã có các hiệu ứng chuyển đổi chế độ xem đồng thời trong cùng một 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ố.
Bảng điều khiển Hiệu suất của DevTools hiện ghi lại các sự kiện thông báo WebSocket và hiển thị các sự kiện đó trong dấu vết hiệu suất.
Tài liệu đọc thêm
Nội dung này chỉ đề cập đến một số điểm nổi bật chính. Hãy xem các đường liên kết sau đây để biết thêm các thay đổi 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 của ChromeStatus.com cho Chrome 127
- Danh sách thay đổi về kho lưu trữ nguồn Chromium
- Lịch phát hành của Chrome
Đăng ký
Để luôn nắm bắt thông tin mới nhất, hãy đăng ký kênh YouTube dành cho nhà phát triển Chrome. 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.
Tôi là Adriana Jara. Ngay khi Chrome 127 được phát hành, tôi sẽ ở đây để giới thiệu cho bạn những tính năng mới trong Chrome!