Web Platform Baseline giúp làm rõ thông tin về khả năng hỗ trợ trình duyệt cho các tính năng của nền tảng web.

Baseline cung cấp cho bạn thông tin rõ ràng về những tính năng nền tảng web nào đã sẵn sàng để sử dụng trong các dự án của bạn hiện nay. Khi đọc một bài viết hoặc chọn một thư viện cho dự án của mình, nếu các tính năng được sử dụng đều có trong Baseline, thì bạn có thể tin tưởng vào mức độ tương thích của trình duyệt.

Đường cơ sở do nhóm Chrome khởi xướng và hiện do Nhóm cộng đồng WebDX xác định.

Đường cơ sở có 2 giai đoạn:

  • Mới ra mắt: Tính năng này được tất cả các trình duyệt chính hỗ trợ và do đó có khả năng tương tác.
  • Được cung cấp rộng rãi: 30 tháng đã trôi qua kể từ ngày có thể tương tác mới. Hầu hết các trang web đều có thể sử dụng tính năng này mà không cần lo lắng về vấn đề hỗ trợ.

Trước khi được đánh dấu là Mới ra mắt, một tính năng sẽ có trạng thái Chỉ có trên một số trình duyệt khi chưa được hỗ trợ trên nhiều trình duyệt.

  • Chrome (máy tính và Android)
  • Edge
  • Firefox (máy tính và Android)
  • Safari (macOS và iOS)

Dữ liệu cơ sở tại I/O

Google I/O đã đến và chúng tôi có rất nhiều tin tức để chia sẻ về Baseline cũng như những tính năng mới dành cho web nói chung. Tìm hiểu thêm trong bài đăng này.
Tìm hiểu thêm

Đường cơ sở và công cụ

Khi Baseline đã phát triển hoàn thiện, chúng tôi nhận thấy ngày càng có nhiều nhà phát triển bắt đầu tích hợp công cụ này vào quy trình phát triển của họ. Tìm hiểu về các công cụ mới nhất để tích hợp Baseline, cũng như các tài nguyên bạn có thể sử dụng để xây dựng công cụ của riêng mình!
Browserslist đã thêm tính năng hỗ trợ cho các truy vấn Baseline. Tìm hiểu xem điều đó có thể ảnh hưởng như thế nào đến quy trình làm việc của nhà phát triển.
Tìm hiểu thêm
Tìm hiểu cách sử dụng dữ liệu trong gói npm web-features để tạo các công cụ Baseline của riêng bạn!
Tìm hiểu thêm
Bạn muốn cải thiện web để có cơ hội giành giải thưởng tiền mặt? Tham gia sự kiện Hackathon về công cụ cơ sở!
Tìm hiểu thêm
Giờ đây, bạn có thể xem thông tin cơ bản về các thuộc tính CSS trong bảng điều khiển Elements (Phần tử) của Chrome DevTools!
Tìm hiểu thêm
Tìm hiểu cách tích hợp Baseline vào dự án của bạn qua lớp học lập trình này.
Tìm hiểu thêm
Thông báo về các điểm cải tiến đối với Trang tổng quan của Nền tảng web.
Tìm hiểu thêm
Tiện ích Baseline Netlify giúp nhà phát triển hiểu được những mục tiêu Baseline nào được người dùng hỗ trợ tốt nhất. Hãy tìm hiểu thêm trong bài đăng này về cách sử dụng tính năng này!
Tìm hiểu thêm
Tìm hiểu về tính năng hỗ trợ Đường cơ sở mới trong VS Code.
Tìm hiểu thêm
Thêm Cơ sở vào các công cụ đóng gói và linting phát triển của bạn bằng các truy vấn dành riêng cho Cơ sở hiện được tích hợp vào Browserslist.
Tìm hiểu thêm
Tìm hiểu về Trang tổng quan của Nền tảng web và cách bạn có thể truy vấn API HTTP của nền tảng này để giúp bạn xây dựng các công cụ Cơ sở.
Tìm hiểu thêm
Giờ đây, bạn có thể sử dụng ESLint để tìm lỗi mã nguồn CSS và thực thi việc sử dụng các tính năng CSS cơ sở trong dự án của mình! Tìm hiểu thêm trong bài đăng trên blog này.
Tìm hiểu thêm
Cách RUMvision kết hợp thông tin Cơ sở với dữ liệu RUM.
Tìm hiểu thêm

Lý thuyết cơ sở

Khi sử dụng Baseline trong dự án, bạn cần cân nhắc một số điều. Những tài liệu này sẽ giúp bạn trả lời các câu hỏi khó, từ việc polyfill, công cụ và nhiều vấn đề khác.
Tìm hiểu về Mục tiêu cơ sở, cách chọn mục tiêu và lợi ích của mục tiêu này đối với trải nghiệm phát triển của bạn.
Tìm hiểu thêm
Việc biết thời điểm sử dụng polyfill có thể là một quyết định khó khăn, nhưng việc sử dụng các tính năng Cơ sở có thể giúp bạn trả lời câu hỏi này. Tìm hiểu thêm trong hướng dẫn này!
Tìm hiểu thêm

Bản tóm tắt hằng tháng về đường cơ sở

Bản tin tóm tắt hằng tháng của Baseline là một bản tin hằng tháng nêu bật những sự kiện diễn ra trong mỗi tháng với Baseline, bao gồm các tính năng mới, thông tin cập nhật về cộng đồng và mọi nội dung phù hợp khác!
Tìm hiểu thêm
Tìm hiểu thêm
Tìm hiểu thêm
Tìm hiểu thêm
Tìm hiểu thêm
Tìm hiểu thêm
Tìm hiểu thêm
Tìm hiểu thêm
Tìm hiểu thêm

Mục tiêu cơ sở

Khi các tính năng trở thành một phần của Đường cơ sở trong một năm cụ thể, các tính năng đó sẽ được nhóm thành một nhóm tính năng – còn gọi là Mục tiêu đường cơ sở. Dưới đây là một số mục tiêu mà bạn có thể khám phá để xem những tính năng mà bạn có thể sử dụng ngay hôm nay.
Sẽ có nhiều bản phát hành trình duyệt khác trong năm 2025 và khi ra mắt, các bản phát hành này sẽ thuộc Baseline 2025. Hãy theo dõi để biết các tính năng mới mà chúng tôi sẽ ra mắt trong năm nay.
Các tính năng của Baseline 2025
Tất cả các mục trở thành một phần của Giá trị cơ sở mới có sẵn từ năm 2024 đều có thể được gọi là Giá trị cơ sở 2024. Chúng tôi đã xuất bản một bài đăng vào cuối năm 2024 để tổng hợp tất cả tính năng ra mắt trong năm.
Các tính năng cơ sở năm 2024
Tất cả các mục trở thành một phần của Giá trị cơ sở mới có trong năm 2023 đều có thể được gọi là Giá trị cơ sở 2023. Chúng tôi đã xuất bản một bài đăng vào cuối năm 2023 để tổng hợp tất cả tính năng ra mắt trong năm.
Các tính năng của Baseline 2023
Truy vấn về kích thước vùng chứa đã trở thành Đường cơ sở mới có sẵn từ tháng 2 năm 2023.
:has() trở thành Giá trị cơ sở mới có sẵn từ tháng 12 năm 2023.
Lưới phụ đã trở thành Giá trị cơ sở mới có sẵn từ tháng 9 năm 2023.
Tính năng Lồng ghép đã trở thành Đường cơ sở mới có sẵn từ tháng 8 năm 2023.
Phần tử <search> trở thành Baseline New (Đường cơ sở mới) vào tháng 10 năm 2023.
Video thích ứng đã trở thành Kiểu cơ sở mới từ tháng 11 năm 2023.
Thuộc tính inert đã trở thành Baseline New (Đường cơ sở mới) vào tháng 4 năm 2023.
Constraint Validation API đã trở thành Baseline New (Cơ sở mới) vào tháng 3 năm 2023.
:user-valid và :user-invalid trở thành Baseline mới có sẵn vào tháng 10 năm 2023.
Luồng nén đã trở thành Luồng cơ sở mới có từ tháng 5 năm 2023.
Shadow DOM khai báo trở thành Giá trị cơ sở mới có sẵn vào tháng 2 năm 2024.
Cửa sổ bật lên đã trở thành Đường cơ sở mới có từ tháng 1 năm 2025.

Nơi tìm thông tin Baseline

Kiểm tra Trạng thái cơ sở của một tài sản trên MDN.
Tìm Baseline trên MDN
Kiểm tra trạng thái Baseline trên trang Tôi có thể sử dụng để xem một tính năng đã sẵn sàng để sử dụng hay chưa.
Truy cập vào trang Tôi có thể sử dụng
Dùng Baseline để làm rõ trạng thái của tính năng trong các bài viết và bản trình bày.
Hiển thị trạng thái Đường cơ sở