Baseline giúp bạn hiểu rõ những tính năng có thể tương tác trên các công cụ trình duyệt hiện đại và an toàn khi sử dụng hiện nay. Tuy nhiên, làm cách nào để sử dụng Baseline trong các dự án của bạn? Trang này trình bày các tài liệu giúp bạn quyết định cách sử dụng và một số điểm cần cân nhắc trong hành trình đó.

Tìm hiểu cách hoạt động của Baseline

Baseline hoạt động bằng cách cung cấp thông tin rõ ràng trong thông báo thông qua 3 ngưỡng. Các ngưỡng này cho biết mức độ tương tác trong nhóm trình duyệt cốt lõi: Chrome cho Android và máy tính, Firefox cho Android và máy tính, Safari trong macOS và iOS, cũng như Edge. Khi thấy những nhãn và biểu tượng này, bạn có thể nhanh chóng nắm được mức độ phổ biến của các tính năng trên web trong các công cụ trình duyệt hiện đại:

Tính năng có phạm vi cung cấp hạn chế là những tính năng chưa được triển khai trên bộ trình duyệt cốt lõi. Để sử dụng các tính năng này, bạn cần lên kế hoạch, có thể cân nhắc việc sử dụng polyfill và cải tiến từng bước.
Các tính năng mới ra mắt là những tính năng mới được triển khai gần đây trong bộ trình duyệt cốt lõi. Khi thấy các tính năng có trạng thái Mới ra mắt, bạn có thể yên tâm rằng những tính năng này sẽ được hỗ trợ rộng rãi hơn trên các trình duyệt theo thời gian.
Các tính năng được cung cấp rộng rãi là những tính năng có khả năng tương tác trong bộ trình duyệt cốt lõi trong ít nhất 30 tháng. Khi các tính năng có sẵn rộng rãi trong Baseline, bạn có thể kỳ vọng rằng các tính năng đó được hỗ trợ tốt trong bộ trình duyệt cốt lõi.

Trước khi có thể sử dụng Baseline trong dự án, bạn cần quyết định sử dụng mục tiêu Baseline nào. Mục tiêu cơ sở là mục tiêu di động, phát triển để thêm nhiều tính năng có thể tương tác hơn theo thời gian hoặc mục tiêu cố định, thể hiện bộ tính năng có thể tương tác mới nhất cho một năm nhất định. Tìm hiểu cách bạn có thể chọn mục tiêu Cơ sở theo hướng dữ liệu trong hướng dẫn này.

Tìm hiểu thêm

Thêm Baseline vào dự án

Việc theo dõi những tính năng tương thích với trình duyệt có thể là một nhiệm vụ riêng biệt, nhưng bằng cách sử dụng Baseline trong dự án của mình (cũng như các công cụ giúp hướng dẫn bạn trong việc này), bạn có thể giảm bớt công việc liên quan. Browserslist có một số truy vấn tích hợp sẵn giúp bạn sử dụng Baseline trong dự án một cách đơn giản nhất có thể.

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 cách tích hợp Baseline vào một dự án web bằng webpack, Babel và PostCSS qua lớp học lập trình này.
Tìm hiểu thêm

Xem các bản minh hoạ về Baseline

Nếu bạn đang tìm kiếm một chút cảm hứng để giúp bạn tìm ra cách sử dụng Baseline trong các dự án của mình, hãy xem những bản minh hoạ này về các chế độ tích hợp công cụ để bắt đầu:

Tìm hiểu cách bạn có thể sử dụng Baseline với dự án webpack.
Tìm hiểu thêm
Tìm hiểu cách bạn có thể sử dụng Baseline với dự án Rollup.
Tìm hiểu thêm

Không phải tính năng nào trên web cũng có thể tương tác với nhau, nhưng điều đó không có nghĩa là bạn không thể sử dụng chúng. Trong khuôn khổ Baseline, chúng tôi không cho bạn biết có nên sử dụng các tính năng không tương tác được hay không. Bạn cần tự đưa ra quyết định và chúng tôi đã xuất bản hướng dẫn để bạn biết cách suy nghĩ về vấn đề này.

Tìm hiểu thêm

Tạo các công cụ Baseline của riêng bạn

Bạn đang tìm một công cụ cụ thể cho Baseline nhưng không tìm thấy? Công cụ cơ sở là một không gian đang phát triển và có thể công cụ bạn cần chưa được phát triển. Nếu là người có tinh thần cầu tiến, bạn có thể tạo công cụ của riêng mình. Những bài viết này sẽ hướng dẫn bạn cách sử dụng dữ liệu về các tính năng trên web theo một số cách để tạo ra những công cụ hữu ích cho bạn và những người khác.

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
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