Ten post jest częścią cyklu postów na blogu, w których opisujemy wprowadzane przez nas zmiany w architekturze Narzędzi deweloperskich i sposób ich tworzenia.
Gdy wiele lat temu zespół tworzył DevTools, zdecydował się stworzyć niestandardowy interfejs użytkownika. W tamtym czasie był to rozsądny wybór, który dobrze sprawdzał się w przypadku DevTools.
Od tego czasu w ramach platformy pojawiły się różne funkcje, a jedna z nich, komponenty internetowe, doskonale nadaje się do tworzenia nowych elementów interfejsu użytkownika w Narzędziach deweloperskich. Korzystając z funkcji oferowanych przez platformę, możemy znacznie zmniejszyć ilość kodu interfejsu użytkownika, który musimy utrzymywać, i więcej inwestować w tworzenie funkcji w DevTools, zamiast obsługiwać dedykowaną infrastrukturę.
Aby ułatwić Ci to przejście, opracowaliśmy przewodnik po tworzeniu elementów interfejsu użytkownika w DevTools, który udostępniliśmy szerszemu zespołowi DevTools. Część tego przewodnika jest dostosowana do DevTools i jego architektury, która niesie ze sobą własny zestaw ograniczeń, ale część to ogólne wytyczne dotyczące metod, których używaliśmy do tworzenia, strukturyzowania i testowania komponentów internetowych.
Udostępniamy ten dokument publicznie pod adresem goo.gle/building-ui-devtools. Jeśli zastanawiasz się, jak komponenty webowe są używane w dużych, rzeczywistych aplikacjach, lub jakie problemy może przynieść integracja komponentów z dużą, istniejącą już bazą kodu, ten dokument może Ci pomóc i zapewnić odpowiedzi na niektóre pytania. Jeśli masz pytania na temat naszych wytycznych, wyślij mi tweeta.
Pobieranie kanałów podglądu
Rozważ użycie jako domyślnej przeglądarki deweloperskiej przeglądarki Chrome w wersji Canary, Dev lub Beta. Te kanały wersji wstępnej zapewniają dostęp do najnowszych funkcji DevTools, umożliwiają testowanie najnowocześniejszych interfejsów API platformy internetowej i pomagają znaleźć problemy w witrynie, zanim zrobią to użytkownicy.
Kontakt z zespołem Narzędzi deweloperskich w Chrome
Aby omówić nowe funkcje, aktualizacje lub inne kwestie związane z Narzędziami deweloperskimi, skorzystaj z tych opcji.
- Przesyłaj opinie i prośby o dodanie funkcji na stronie crbug.com.
- Zgłoś problem z Narzędziami deweloperskimi, klikając Więcej opcji > Pomoc > Zgłoś problem z Narzędziami deweloperskimi w Narzędziach deweloperskich.
- Wyślij tweeta do @ChromeDevTools.
- Dodaj komentarze do filmów w YouTube z serii „Co nowego w Narzędziach deweloperskich” lub Wskazówki dotyczące Narzędzi deweloperskich.