Opublikowano: 23 października 2024 r.
Z tego posta dowiesz się, jak używać nowego <baseline-status>komponentu internetowego w swojej witrynie oraz logo Baseline w prezentacjach, gdy piszesz lub mówisz o funkcjach platformy internetowej.
Większość programistów zna sytuację, w której szukają rozwiązania problemu związanego z tworzeniem stron internetowych, znajdują artykuł opisujący idealne rozwiązanie, a potem na końcu zdają sobie sprawę, że jest ono dostępne tylko w jednej przeglądarce. Albo podekscytować się funkcją opisywaną przez prelegenta na konferencji, a potem odkryć, że jest ona eksperymentalna. Chcieliśmy to poprawić w naszych witrynach dla deweloperów Chrome i w ciągu ostatnich 2 lat dodawaliśmy do naszych postów dane o zgodności z MDN.
Wartość bazowa jednak jeszcze bardziej ułatwia zrozumienie tej kwestii. Zamiast sprawdzać poszczególne wersje przeglądarek, możesz sprawdzić, czy funkcja jest powszechnie dostępna w Baseline, a tym samym gotowa do użycia bez obaw. Możesz też dowiedzieć się, że jest to nowa funkcja Baseline Newly available, a więc interoperacyjna, ale jako nowa funkcja może wymagać strategii rezerwowych. Na stronie web.dev zaczęliśmy dodawać do niektórych stron nowy komponent stanu Baseline. Możesz go zobaczyć w artykule na blogu o właściwości CSS font-size-adjust.
Dodawanie komponentu do witryny
Komponent internetowy nie jest przeznaczony tylko do naszego użytku. Z przyjemnością udostępniamy Ci komponent <baseline-status>. Możesz go używać do wyświetlania stanu podstawowego w tworzonych przez siebie treściach. Komponent można zainstalować z npm lub wstępnie skompilować z CDN – przeczytaj instrukcje instalacji.
Po zainstalowaniu wyświetl stan funkcji, jak pokazano w tym kodzie HTML dla font-size-adjust.
<baseline-status featureId="font-size-ad><just"/basel>ine-status
Komponent będzie się wtedy automatycznie aktualizować w miarę przechodzenia funkcji z etapu ograniczonej dostępności przez etap nowej dostępności do etapu szerokiej dostępności.
Znajdź featureId
featureId przekazany do komponentu to nazwa funkcji w repozytorium funkcji internetowych.
Komponent pobiera stan funkcji z danych zebranych w ramach projektu funkcji internetowych.
Dodawanie logo Baseline
Jeśli publikujesz coś w formie drukowanej lub w formacie PDF albo prezentujesz coś na konferencji, logo mogą być przydatne do pokazania stanu w danym momencie. W panelu stanu platformy internetowej możesz sprawdzić stan dowolnej funkcji w zakresie Baseline.
Logo Baseline możesz wykorzystywać we wszystkich materiałach. Pobierz je w formacie PNG i SVG.
Poinformuj nas, gdzie używasz Baseline
Chętnie dowiemy się, gdzie jest używana usługa Baseline. Utwórz zgłoszenie i dodaj link do miejsca, w którym używasz Baseline in the wild.
Czy masz inne pomysły na integrację?
Czy masz pomysł na integrację Baseline w inny sposób? Możesz mieć narzędzie dla programistów, które może zawierać te informacje, lub produkt, który zyskałby na możliwości udostępniania wersji podstawowej używanej przez panel administracyjny. Zgłoś problem dotyczący Twoich pomysłów, a chętnie Ci pomożemy.