Dowiedz się więcej o odświeżonym interfejsie Sprawdzanie urządzeń, łatwo przełączaj klasy w poprawionym panelu stylów i obejrzyj odcinek pilotażowy DevTools Tonight.
Witamy z nową odsłoną biuletynu dla wszystkich użytkowników wersji Canary. Okazało się, że w grudniu pominęłam kilka aktualizacji. (Byłem trochę zajęty nowo narodzoną córką). Oto one, a także kilka super świeżych.
Nowe okno „Sprawdź urządzenia”
(obecnie nieaktualna) dokumentacja Debugowanie zdalne w DevTools była przez wiele lat z rzędu naszym najpopularniejszym przewodnikiem, co oznacza tylko jedno: nikt nie miał pojęcia, jak z niego korzystać.
Dlatego wprowadziliśmy zmiany w UX. Zamiast otwierać zupełnie inną stronę („chrome://inspect”), możesz teraz korzystać z funkcji „Sprawdź urządzenia” bezpośrednio w Narzędziach dewelopera, co zapewnia szybszy dostęp i mniej przełączania kontekstu.
przełączniki klasy w panelu stylów.
Teraz szybciej niż kiedykolwiek możesz przełączać klasę elementu, aby wyświetlić podgląd tego, jak element będzie wyglądał z powiązanymi stylami lub bez nich. Dodaliśmy też pole, które umożliwia szybkie dodawanie nowych klas, dzięki czemu nie musisz edytować atrybutu. Aby go wypróbować, kliknij nowy przycisk .cls w panelu Styl.
DevTools Tonight
Z wielką przyjemnością ogłaszam kolejną metodę śledzenia nowości w Narzędziach deweloperskich w Chrome: oto pilotowy odcinek DevTools Tonight.
W nowym programie, który będzie publikowany co 2 tygodnie, skupię się na większych funkcjach dostępnych w stabilnej wersji Chrome (zamiast w wersji Canary) i bardziej szczegółowo omówię każdą z nich. Pamiętaj, aby zasubskrybować kanał Chrome Developers, aby otrzymywać powiadomienia o publikacji wersji 1. Daj znać, co o niej myślisz, w komentarzach na YouTube.
Najlepsze z reszty
- Dodaliśmy ustawienie automatycznego otwierania Narzędzi deweloperskich w przypadku wyskakujących okienek (nowo tworzonych okien). Gdy ta opcja jest włączona, nowe instancje Narzędzi deweloperskich otwierają się automatycznie w każdym nowo utworzonym oknie.
- Pasek działań nad panelem stylów jest teraz zablokowany, więc możesz z niego korzystać nawet wtedy, gdy przewiniesz w dół, aby edytować więcej stylów.
- Teraz automatycznie powiększamy osi czasu do tego, co naszym zdaniem jest istotne dla sesji debugowania wydajności.
- Ograniczanie przepustowości sieci obsługuje teraz przesyłanie, więc możesz testować przesyłanie plików przez połączenie 3G.
- Zmieniliśmy wygląd okienka Inspekcja, które nakłada się na element. Jest teraz ciemny i błyszczący, a także ma większy kontrast.
Jak zawsze przekaż nam swoją opinię na Twitterze lub w komentarzach poniżej. Błędy możesz zgłaszać na stronie crbug.com/new.
Do zobaczenia w przyszłym miesiącu!
Paul Bakaus i zespół Narzędzi deweloperskich