Najświeższe wiadomości o Narzędziach deweloperskich
Pierwszym elementem wiadomości w tym poście jest meta, czyli ta aktualizacja. Od czasu do czasu, ale przynajmniej raz w miesiącu, podsumowuję, co nowego dzieje się w świecie Narzędzi deweloperskich w Chrome.
Mówiąc „świeżo”, mam na myśli nowe funkcje, które pojawiły się właśnie w Chrome Canary. Jeśli wolisz więc korzystać z wersji stabilnej, też polecamy. Jeśli jednak lubisz prowadzić przygody i chcesz być na bieżąco, te posty są dla Ciebie. Oprócz najnowszych funkcji i poprawek błędów, na końcu każdego posta znajdziesz sekcję Potwierdzenia społeczności, w której wyróżnisz swój wkład, czyli największe zaangażowanie.
Przejdźmy do szczegółów.
Nowości w Narzędziach deweloperskich
Zrzuty ekranu przypominające klatki filmu na stronach sieci i osi czasu
Zaledwie tydzień temu wycofaliśmy z eksperymentów nową, istotną funkcję: umożliwia robienie zrzutów ekranu strony zarówno na karcie Sieć, jak i Oś czasu.
W panelu Network kliknij małą ikonę aparatu, aby włączyć przechwytywanie klatek, a następnie załaduj ponownie stronę, aby rozpocząć przechwytywanie. Poza zrzutami ekranu wykonanymi za pomocą innych narzędzi, np. WebPageTest, obecnie pokazujemy tylko klatki, które rzeczywiście zostały wyrenderowane.
Dwukrotne kliknięcie jednej z klatek powoduje wyświetlenie powiększonego widoku (i przechodzenie za pomocą strzałek w lewo i w prawo), a najechanie kursorem na jedną z klatek powoduje wyświetlenie linii w panelu i osi czasu. Pozwala to zobaczyć, kiedy klatka została przechwycona. Możesz dopasować ją do sekwencji wczytywania. To znacznie upraszcza debugowanie typowych problemów z wczytywaniem, takich jak blokowanie renderowania czcionek internetowych.
W panelu osi czasu możesz włączyć robienie zrzutów ekranu, przełączając pole wyboru „Zrzuty ekranu” na górnym pasku narzędzi. Działa to trochę inaczej niż w panelu Sieć: w tym przypadku staramy się rejestrować tak często, jak to możliwe – niezależnie od rzeczywistego wyrenderowania – aby móc umieścić te zrzuty ekranu w liniowym skali czasowej zgodnej z innymi wierszami na osi czasu. Nie trzeba już dwukrotnie klikać, aby wyświetlić podgląd, po najechaniu kursorem na pojawiają się powiększone ramki.
Te funkcje i interfejs nie są zsynchronizowane pod względem funkcjonalności i wrażenia użytkownika, dlatego zachęcamy do ich wypróbowania i przesłania nam opinii na ich temat: na stronie crbug.com/new lub na tweeta na adres @ChromeDevTools.
Ograniczanie sieci w panelu Sieć
Ograniczanie dostępu do sieci – funkcja dodana podczas wprowadzania Trybu urządzenia – to drugie miejsce na pasku narzędzi w panelu Sieć, dzięki czemu możesz w jednym miejscu skupić się na optymalizacji sieci.
Ten nowy dom jest tylko lustrem: wciąż jest dostępny w trybie urządzenia, a symulacja niskiej jakości połączenia jest bardzo ważna, jeśli chcesz, by witryna była responsywna.
I wreszcie, czy jesteś jedną z tych biednych dusz, które dziwiły się, dlaczego po ciężkim dniu w pracy nie ma połączenia z internetem? A po tym, że zapomniałeś wyłączyć ograniczanie przepustowości? Gdy ograniczanie wykorzystania sieci, na karcie panelu Sieć wyświetla się teraz ikona ostrzeżenia.
Różne ciekawostki
- Nie zrażasz tych dziwnych okręgów na osi czasu sieci? My też. Są to punkty w czasie, w których została zarejestrowana (na nowym pasku klatek) klatka. Teraz wyświetlają się one jako linie po najechaniu kursorem.
- Tryb urządzenia zachowuje teraz orientację podczas przełączania się między urządzeniami
Pakiet podtrzymujący społeczność
Usprawnij działanie dzięki Narzędziom deweloperskim w Chrome
W Bret Little znajdziesz krótki przewodnik, w którym poznasz podstawowe funkcje Narzędzi deweloperskich, ale znajdziesz też wiele szczegółowych porad i wskazówek. Znajdują się w nim przydatne informacje. Jeszcze więcej dokumentów w Narzędziach deweloperskich.
IDE z narzędzi dla programistów...?!
Kenneth Auchenberg, programista internetowy i miłośnik DevTools, stworzył kilka miesięcy temu samodzielną aplikację DevTools opartą na modelu koncepcyjnym, a w tym tygodniu jego post na blogu po raz kolejny zamieścił informacje o hakerach.
Przekształcenie narzędzi deweloperskich w pełne środowisko IDE to fajny pomysł, o którym śniło się już wielu członków naszego zespołu, ale jednocześnie był to projekt o imponujących proporcjach.
Jak myślisz? Czy środowisko DevTools IDE to wymarzone środowisko, a może w ogóle sprawdza się w Twoim przypadku? Jak to powinno wyglądać? Podziel się nim w komentarzu.
Do zobaczenia wkrótce.
Paul Bakaus i zespół Narzędzi deweloperskich