Odświeżona architektura Narzędzi deweloperskich: migracja do komponentów sieciowych

Ten post jest częścią serii postów na blogu, w których opisujemy zmiany, jakie wprowadzamy w architekturze DevTools i sposobie jego budowy.

Wiele lat temu, gdy po raz pierwszy utworzono Narzędzia deweloperskie, zespół postanowił stworzyć własną strukturę interfejsu użytkownika. W tamtym czasie był to rozsądny wybór, który dobrze sprawdził się w przypadku Narzędzi deweloperskich.

Na platformie pojawiły się jednak różne funkcje, a jeden z nich – Web Komponenty – doskonale nadaje się do tworzenia nowych elementów interfejsu w Narzędziach deweloperskich. Opierając się na możliwościach platformy, możemy znacznie zmniejszyć ilość spersonalizowanego kodu UI, który musimy utrzymywać i inwestować więcej w tworzenie funkcji Narzędzi deweloperskich, zamiast korzystać z dostosowanej infrastruktury.

Aby ułatwić przejście na ten proces, przygotowaliśmy przewodnik po tworzeniu elementów interfejsu w Narzędziach deweloperskich, który można udostępnić szerszej grupie deweloperów. Część tego przewodnika jest napisana w sposób dostosowany do Narzędzi deweloperskich i ich architektury, co wiąże się z własnym zestawem ograniczeń, ale niektóre są ogólnymi wskazówkami dotyczącymi metod budowania, struktury i testowania komponentów sieciowych.

Udostępniliśmy ten dokument publicznie na stronie goo.gle/building-ui-devtools. Jeśli zastanawiasz się, jak komponenty sieciowe są używane w dużych, rzeczywistych aplikacjach, lub jakie wyzwania wiążą się z integracją komponentów z dużą, istniejącą bazą kodu, ten dokument może okazać się pomocny. Jeśli masz pytania w związku z naszymi wytycznymi, daj mi znać.

Pobieranie kanałów podglądu

Jako domyślnej przeglądarki dla programistów możesz używać Chrome Canary, Dev lub Beta. Te kanały podglądu dają dostęp do najnowszych funkcji Narzędzi deweloperskich, umożliwiają testowanie najnowocześniejszych interfejsów API platform internetowych oraz wykrywanie problemów w witrynie, zanim zdołają zrobić użytkownicy.

Kontakt z zespołem Narzędzi deweloperskich w Chrome

Użyj poniższych opcji, aby omówić nowe funkcje i zmiany w poście lub wszelkie inne kwestie związane z Narzędziami dla deweloperów.

  • Prześlij nam sugestię lub opinię na stronie crbug.com.
  • Aby zgłosić problem z Narzędziami deweloperskimi, kliknij Więcej opcji   Więcej   > Pomoc > Zgłoś problemy z Narzędziami deweloperskimi.
  • zatweetuj na @ChromeDevTools.
  • Napisz komentarz o nowościach w filmach w YouTube dostępnych w Narzędziach deweloperskich lub z poradami dotyczącymi narzędzi dla deweloperów w filmach w YouTube.