Dowiedz się, jak Narzędzia deweloperskie pozwalają mniej pisać dzięki inteligentniejszemu autouzupełnianiem w konsoli, jak edytować reguły @keyframe
bezpośrednio w panelu Style, jak dobrze korzystać ze zmiennych niestandardowych CSS i jak dołączyć do ciemnej strony.
Ulepszone autouzupełnianie w konsoli
Jeśli tak jak ja i wielu innych użytkowników, wpisujesz polecenie w konsoli, aby debugować aplikację, zobaczyć, że nie działa, iterować ją i wpisać bez końca. Aby Ci w tym pomóc, automatycznie uzupełniamy informacje o wpisanych wcześniej przez Ciebie wyrażeniach, na przykład:
Bezpośrednie edytowanie reguł @keyframe w panelu Style
Gdy wprowadziliśmy w Narzędziach deweloperskich inspektora animacji i edytor wygładzania, ograniczyliśmy je do przejść, ponieważ w panelu Styl nie wyświetlały się animacje CSS oparte na @keyframe
. Z przyjemnością informuję, że to już przeszłość, więc daję z siebie wszystko. Aby dowiedzieć się więcej, zobacz nasz tweet wideo.
Obsługa niestandardowych właściwości CSS
CSS oferuje sporo korzyści, w tym zmienne niestandardowe wprowadzane w Chrome 49. Uwzględniliśmy pełną obsługę narzędzi deweloperskich w Narzędziach deweloperskich, więc jeśli zdarzyło Ci się już używać zmiennych w Sass, wypróbuj te natywne, ponieważ pozwalają one na bieżąco edytować właściwości w panelu Style i natychmiast aktualizować elementy zależne.
Ciemny motyw Narzędzi deweloperskich
W końcu spełniliśmy prośbę, którą słyszeliśmy już kilkadziesiąt razy w ciągu ostatnich kilku lat. Teraz w Narzędziach deweloperskich możesz wybrać ciemną stronę mocy. Przejdź do ustawień Narzędzi deweloperskich i wybierz ciemny motyw. Program jest nadal w wersji beta, ponieważ wiele jest generowanych automatycznie. Jeśli zauważysz obszary, które wymagają poprawy, daj nam znać.
Najlepsze z pozostałych
- Szuflada konsoli zwija się teraz automatycznie po kliknięciu pełnej karty Konsola.
- Drzewo plików w Źródłach zostało gruntownie przebudowane – pojawiły się nowe ikony i nową funkcję grupowania
Jak zawsze, podziel się z nami swoją opinią na Twitterze lub w komentarzach poniżej i prześlij błędy na stronie crbug.com/new.
Do następnego miesiąca.
Paul Bakaus i zespół Narzędzi deweloperskich