Ngày phát hành: 23 tháng 10 năm 2024
Trong bài đăng này, hãy tìm hiểu cách sử dụng thành phần web <baseline-status> mới trên trang web của riêng bạn và biểu trưng Baseline trong bản trình bày, bất cứ khi nào bạn viết hoặc nói về các tính năng của nền tảng web.
Hầu hết các nhà phát triển đều đã có kinh nghiệm tìm kiếm giải pháp cho một vấn đề phát triển web, tìm một bài viết mô tả giải pháp hoàn hảo, rồi nhận ra ngay rằng giải pháp đó chỉ dùng được trên một trình duyệt. Hoặc hào hứng với tính năng mà người trình bày tại hội nghị đang mô tả, sau đó khám phá ra rằng đó là tính năng thử nghiệm. Đây là điều chúng tôi muốn cải thiện trên các trang web dành cho nhà phát triển Chrome. Trong hai năm qua, chúng tôi đã thêm dữ liệu về khả năng tương thích từ MDN vào các bài đăng của mình.
Tuy nhiên, đường cơ sở giúp mọi thứ trở nên rõ ràng hơn. Thay vì kiểm tra từng phiên bản trình duyệt, bạn có thể kiểm tra xem một tính năng có được cung cấp rộng rãi trên cơ sở hay không, nhờ đó có thể sử dụng mà không cần lo lắng. Hoặc tìm hiểu rằng cơ sở đó mới có sẵn và do đó có khả năng tương tác, nhưng là một tính năng mới mà có lẽ bạn nên cân nhắc sử dụng các chiến lược dự phòng. Tại web.dev, chúng tôi đã bắt đầu thêm một thành phần mới là Trạng thái cơ sở vào một số trang. Bạn có thể xem thành phần này trong bài đăng trên blog về font-size-adjust CSS.
Thêm thành phần vào trang web
Thành phần web không chỉ dành cho chúng ta sử dụng. Chúng tôi rất vui được chia sẻ thành phần <baseline-status> với bạn. Bạn có thể sử dụng tính năng này để hiển thị trạng thái Đường cơ sở trên nội dung mà bạn tạo. Bạn có thể cài đặt thành phần này từ npm hoặc biên dịch trước từ CDN – đọc hướng dẫn cài đặt.
Sau khi cài đặt, hãy hiện trạng thái của một tính năng như trong HTML sau cho font-size-adjust.
<baseline-status featureId="font-size-adjust"></baseline-status>
Sau đó, thành phần này sẽ tự động cập nhật khi một tính năng chuyển từ Phạm vi cung cấp bị giới hạn, từ "Mới có sẵn" sang "Phạm vi cung cấp rộng".
Tìm featureId
featureId được truyền vào thành phần là tên của tính năng trong kho lưu trữ tính năng web.
Thành phần này nhận trạng thái của tính năng từ dữ liệu được thu thập thông qua dự án tính năng web.
Thêm biểu trưng Baseline
Nếu bạn đang xuất bản nội dung dưới dạng bản in, PDF hoặc trình bày tại một hội nghị, thì biểu trưng có thể hữu ích để cho biết trạng thái tại thời điểm đó. Trang tổng quan Trạng thái nền tảng web có thể giúp bạn kiểm tra trạng thái Cơ sở của bất kỳ tính năng nào.
Bạn được cấp phép sử dụng biểu trưng Baseline trong tất cả tài liệu của mình. Hãy tải biểu trưng xuống ở định dạng PNG và SVG.
Hãy cho chúng tôi biết bạn sử dụng Baseline ở đâu
Chúng tôi rất muốn biết bạn đang sử dụng Baseline ở đâu. Tạo một bản phát hành báo chí và thêm đường liên kết đến nơi bạn đã sử dụng bản phát hành báo chí đó để Đặt cơ sở trong thực tế.
Bạn có ý tưởng tích hợp nào khác không?
Bạn có ý tưởng tích hợp Baseline theo cách khác không? Có thể bạn có một công cụ dành cho nhà phát triển có thể chứa thông tin này hoặc một sản phẩm sẽ được hưởng lợi khi có thể chia sẻ phiên bản Baseline mà bảng điều khiển quản trị sử dụng. Hãy gửi ý tưởng của bạn, chúng tôi rất sẵn lòng trợ giúp.