Dowiedz się, jak dzięki inteligentniejszemu autouzupełnianiem w Narzędziach deweloperskich piszesz mniej, a także jak edytować reguły @keyframe bezpośrednio w panelu Style, jak używać zmiennych niestandardowych CSS i jak korzystać z ciemnej strony.
Inteligentne autouzupełnianie w konsoli
Tak jak ja, i wielu innych użytkowników, wpisujecie w konsoli polecenie, aby debugować aplikację, a potem zauważyć, że aplikacja nie działa, a następnie ją powtórzyć i wpisać jeszcze raz. Aby Ci w tym pomóc, automatycznie uzupełniamy wpisane wcześniej pełne wyciągi, na przykład:
Edytuj bezpośrednio reguły @keyframe w panelu Style
Gdy wprowadziliśmy inspektor animacji i edytor wygładzania w Narzędziach deweloperskich, ograniczał się on do przejść, ponieważ w panelu Styl nigdy nie wyświetlały się animacje CSS oparte na standardzie @keyframe. Z przyjemnością informuję, że to już dawna przeszłość, więc zaszalej! Obejrzyj nasz tweet wideo, aby zobaczyć podgląd.
Obsługa niestandardowych właściwości CSS
CSS zapewnia wiele korzyści, a jedną z nich są zmienne niestandardowe, które można wprowadzić w Chrome 49. Wprowadziliśmy pełną obsługę narzędzi deweloperskich. Jeśli więc wcześniej używaliście zmiennych w Sass, wypróbuj te natywne, ponieważ umożliwiają one edytowanie właściwości na bieżąco w panelu Style i natychmiast aktualizowanie elementów zależnych.
Ciemny motyw Narzędzi deweloperskich
W końcu spełniliśmy prośbę, którą słyszeliśmy dziesiątki razy w ciągu ostatnich kilku lat: teraz w Narzędziach deweloperskich można wybrać ciemną stronę Mocy. W Narzędziach deweloperskich otwórz ustawienia, ustaw ciemny motyw i ciesz się nimi. Uważam, że ta wersja jest nadal w fazie beta, ponieważ wiele z nich jest generowanych automatycznie. Jeśli zauważysz obszary, które wymagają ulepszeń, daj nam znać.
To, co najlepsze w pozostałych
- Panel konsoli zwija się teraz automatycznie po kliknięciu pełnej karty konsoli.
- Drzewo plików w Źródłach zostało odświeżone – dodaliśmy nowe ikony i funkcje grupowania
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