Dowiedz się, jak Narzędzia deweloperskie stawiają na urządzenia mobilne dzięki nowemu, ulepszonemu trybowi urządzenia, który jest zawsze włączony. Używaj przycisków kolorów, aby szybko dodawać kolory do selektorów i dowiedzieć się, co wkrótce będzie dostępne w Narzędziach deweloperskich.
Spojrzenie w przyszłość tworzenia
Właśnie wracamy z Chrome Dev Summit, na którym pokazałam, jak wygląda praca z Narzędziami deweloperskimi teraz i w przyszłości. Zwykle nie wspominam w tym podsumowaniu o funkcjach, które wciąż są eksperymentami lub rozwijają się, ale tym razem zrobię wyjątek. Jeśli nie masz czasu, aby obejrzeć całą prezentację, tutaj znajdziesz jej podsumowanie:
Tryb urządzenia w wersji 2
Wciąż intensywnie pracujemy nad tą nową, odważną wersją trybu urządzenia, ale chcieliśmy dać wszystkim możliwość wypróbowania go, dlatego już dziś udostępniliśmy go w wersji Canary. Wprowadzając zmiany, przenosimy Narzędzia deweloperskie w stronę przyszłości, w której tworzenie aplikacji na urządzenia mobilne jest domyślnym formatem, a programowanie komputerowe to dodatek. W ciągu najbliższych kilku tygodni spodziewaj się większej liczby iteracji, publikując dłuższy post na blogu, gdy skończymy.
Zaawansowany test animacji
Sprawdzanie animacji w toku zapewnia pełny, szczegółowy wgląd w to, co dzieje się na poruszającym się obiektie. Zamiast pokazywać przejście dla pojedynczego elementu po jednym elemencie, dodaliśmy możliwość grupowania złożonych animacji za pomocą heurystyki, dzięki czemu możesz skupić się na tym, co widać. Obejrzyj film. Gdy będzie już dostępny, opublikujemy większy, samodzielny post na blogu.
Tryb układu (zapowiedź)
Nowy tryb układu jest jeszcze obiecujący, ale nie możemy się doczekać, aż zostanie w pełni wdrożony. Tryb układu dodaje funkcje edycji WYSIWYG do Narzędzi deweloperskich dla dowolnego elementu na stronie. Obecnie wysokość, szerokość, dopełnienia i marginesy można edytować w kontekście. Może to chwilę potrwać, ale będziemy Cię o nich informować.
Profilowanie wydajności za pomocą zaktualizowanego panelu osi czasu
W ramach szerszego wprowadzenia nowego modelu wydajności RAIL zaszły setki mniejszych i większych zmian w panelu Oś czasu. Razem te zespoły w znacznym stopniu przekształcają i ulepszają historię profilowania wydajności. Zamiast więc osobno pokazywać każdą zmianę osobno, nasz dziennik, Paul Irlandczyk, pokazał nam, jak prawidłowo debugować skuteczność witryny – w tym przypadku na żywo działa strona mobilna Hotel Tonight. Do nowych funkcji należą seriale filmów z obsługą obciążenia i występów, dołączona kaskada sieci, podsumowanie w widoku drzewa oraz możliwość wyświetlania kosztów wydajności według domeny i pliku.
Z łatwością dodawaj kolory pierwszego planu i tła do dowolnego elementu
Aby dodać do elementu właściwość kolor-kolor lub kolor tła, nie wystarczyło otworzyć selektora kolorów. Zamiast tego większość użytkowników wpisuje hasło „background: red;” (tło: czerwone);
Pomyśleliśmy, że możemy to uprościć. Dodaliśmy dwa sprytne przyciski, które pojawiają się po najechaniu kursorem na prawy dolny róg selektora. Dzięki nim można dodać kolor i otworzyć selektor jednym kliknięciem:
To, co najlepsze w pozostałych
- Zmarnowaliśmy dużo poprzedniego miejsca w panelu Styl, wyświetlając typowe typy multimediów. Teraz ukrywamy te informacje przed selektorami, jeśli nie jest to niczym dziwnym.
- Teraz możesz najechać kursorem na selektor arkusza CSS w panelu Styl, by zobaczyć, do ilu elementów na stronie się on odnosi.
- Nie zrezygnowałeś(-aś) z drukowania? Emulacja materiałów drukowanych jest wciąż dostępna, dzięki czemu możesz sprawdzić, jak strona będzie wyglądać po wydrukowaniu – przenieśliśmy ją do ustawień renderowania.
- Teraz podczas wybierania elementu do sprawdzenia automatycznie rozwijamy i zamykamy odpowiednie poddrzewo DOM. Trudno wyjaśnić, widzenie to uwierzenie.
Jak zawsze, powiedz nam, co myślisz, na Twitterze lub w komentarzach poniżej, a błędy zgłoś na crbug.com/new.
Do przyszłego miesiąca.
Paul Bakaus i zespół Narzędzi deweloperskich