Ngày xuất bản: 26 tháng 1 năm 2026
Đúng như dự đoán, tháng 12 năm 2025 là một tháng khá chậm đối với Baseline khi cộng đồng nhà phát triển dành thời gian nghỉ ngơi xứng đáng để thư giãn vào cuối năm. Mặc dù đây sẽ là một bản cập nhật nhanh so với các tháng khác trong năm 2025, nhưng vẫn có rất nhiều điểm nổi bật!
Đường cơ sở Các tính năng mới ra mắt
Các tính năng sau đây đã trở thành Baseline Newly có hiệu lực từ tháng 12 năm 2025. Do đó, tất cả các tính năng này sẽ trở thành Baseline Widely available (Được hỗ trợ rộng rãi ở cấp độ cơ bản) vào tháng 7 năm 2028.
document.caretPositionFromPoint()
document.caretPositionFromPoint() là một phương thức hữu ích để tìm điểm chèn chính xác (nút DOM và độ lệch) cho các toạ độ khung hiển thị đã cho. Phương thức này giúp giảm bớt việc đoán vị trí của dấu nháy trong tài liệu.
Event Timing API
Event Timing API được dùng để phát hiện các hoạt động tương tác với tài liệu và có thể dùng để tính độ trễ của các hoạt động tương tác của người dùng. API này dùng để tính chỉ số quan trọng chính của trang web Lượt tương tác đến nội dung hiển thị tiếp theo (INP). Giờ đây, khi API này đã đạt trạng thái Mới có sẵn theo đường cơ sở, bạn có thể tính toán chỉ số INP trên tất cả các trình duyệt chính. Khi đạt trạng thái Có sẵn rộng rãi theo đường cơ sở, bạn có thể tính toán chỉ số quan trọng này theo hướng lấy người dùng làm trung tâm trên nhiều trình duyệt hơn nữa cho mục đích Giám sát người dùng thực (RUM).
API Thời gian hiển thị nội dung lớn nhất
Thời gian hiển thị nội dung lớn nhất (LCP) là một chỉ số quan trọng chính của trang web, tính toán thời điểm phần nội dung lớn nhất trong tài liệu được hiển thị. Giờ đây, API Thời gian hiển thị nội dung lớn nhất đã có trong Baseline Newly available và sẽ hỗ trợ nhiều người dùng hơn nữa khi đạt đến Baseline Widely available. Nhờ đó, bạn có thể tính toán chỉ số quan trọng này (tập trung vào người dùng) theo trải nghiệm của người dùng thực cho mục đích thu thập dữ liệu.
CSS scrollbar-color
Trước đây, bạn không thể tạo kiểu nhất quán cho thanh cuộn trên các trình duyệt. Giờ đây, khi thuộc tính CSS scrollbar-color mới có trong Baseline, bạn có thể sử dụng một phương thức hiệu quả hơn để tạo kiểu cho màu thanh cuộn của tài liệu.
scrollend sự kiện
Sự kiện scrollend cung cấp một cách đáng tin cậy để phát hiện thời điểm một thao tác cuộn đã hoàn tất, thay thế các giải pháp setTimeout lộn xộn. Việc ra mắt tính năng này dưới dạng Baseline Newly available (Mới có sẵn trong đường cơ sở) có nghĩa là người dùng sẽ có thể phát hiện thời điểm hoàn tất các thao tác cuộn mà không ảnh hưởng đến hiệu suất và khả năng đọc mã thông qua việc sử dụng các lệnh gọi lại setTimeout.
CSS @scope
Quy tắc @scope @ CSS giúp bạn dễ dàng nhắm đến các phần tử trong cây con của tài liệu theo cách giảm nhu cầu về bộ chọn phức tạp. Với việc @scope trở thành Baseline Newly available (Đường cơ sở mới có sẵn), giờ đây, bạn có một công cụ mạnh mẽ để xác định phạm vi của các kiểu.
Bộ phông chữ toán học
Nếu từng phải hiển thị các phương trình toán học trên một trang, bạn sẽ biết rằng nội dung như vậy có những yêu cầu cụ thể về việc hiển thị. Khi font-family: math trở thành Baseline Newly available (Cơ sở mới có sẵn), bạn sẽ không cần phải sử dụng các giải pháp tạm thời để hiển thị phương trình toán học nữa.
Lệnh của trình kích hoạt
Lệnh gọi rất hữu ích khi bạn muốn chỉ định các hành vi cho các phần tử <button> trên một trang. Cụ thể, các API này rất hữu ích trong việc kiểm soát việc sử dụng hộp thoại và cửa sổ bật lên, đồng thời giúp bạn xử lý nhiều yêu cầu cơ bản để sử dụng các API này, chẳng hạn như các vấn đề về khả năng tiếp cận. Để xem cách hoạt động của các mẫu này, hãy đọc bài viết <dialog> và popover: Các mẫu giao diện người dùng phân lớp cơ bản, một mục trong loạt bài Cơ sở trong thực tế mà chúng tôi mới ra mắt gần đây.
Các tính năng cơ bản được cung cấp rộng rãi
Một số tính năng gần đây đã trở thành Baseline Widely available (Được hỗ trợ rộng rãi) vào tháng 12 năm 2025, tức là những tính năng này hiện được coi là có thể sử dụng rộng rãi trong tất cả các trình duyệt chính.
calc() từ khóa
Vì calc() thực hiện các phép toán trong CSS, nên việc giới thiệu từ khoá cho các công thức toán học thường dùng trở nên cần thiết hơn. Các từ khoá e, pi, infinity và NaN đại diện cho các hằng số được xác định rõ ràng và được chấp nhận trong các hàm toán học CSS trong calc().
Các mô-đun JavaScript trong trình chạy
Theo thiết kế, các web worker tồn tại trong phạm vi riêng và được khởi tạo thông qua hàm khởi tạo Worker(). Khả năng sử dụng đối số { type: "module" } khi khởi động một web worker cho phép bạn sử dụng các mô-đun ES trong phạm vi worker, giúp bạn truy cập vào import và export. Giờ đây, khi chức năng này đạt đến trạng thái Baseline Widely available (Được hỗ trợ rộng rãi), bạn sẽ có thể sử dụng tính năng này trên nhiều trình duyệt đang được sử dụng hiện nay.
window.print()
Mặc dù window.print() là một tính năng web đã được thiết lập, nhưng đồng hồ Baseline trên nhiều trình duyệt cho một số cách triển khai hiện đại của hộp thoại in đã hoàn tất trong tháng này, cho phép sử dụng tính năng này một cách đáng tin cậy hơn trên nhiều trình duyệt đang được sử dụng.
Thế là hoàn tất
Khi năm 2025 khép lại, chúng ta sẽ bắt đầu một năm mới với Baseline vào năm 2026! Như thường lệ, hãy cho chúng tôi biết nếu chúng tôi bỏ lỡ bất kỳ thông tin nào liên quan đến Baseline. Chúng tôi sẽ đảm bảo thông tin đó được đề cập trong một phiên bản sau này!