Cześć, tu Kayce. Z przyjemnością przedstawiam Ci kolejny podsumowanie nowości w DevTools od ostatniego miesiąca.
Nowe funkcje w Konsoli
W Chrome 56, które jest obecnie dostępne w wersji Canary, konsola Narzędzi deweloperskich korzysta z biblioteki CodeMirror. Umożliwia to korzystanie z wielu nowych funkcji, takich jak:
Podświetlanie składni podczas pisania. Wcześniej DevTools mogły wyróżniać składnię tylko po ocenieniu bloku kodu.
Wyróżnianie par nawiasów. Jeśli masz dodatkową nawias, Narzędzia dla programistów podświetlą go na czerwono.
Pasujące nawiasy są wyróżnione na szaro, gdy kursor znajduje się obok jednego z nich.
Inteligentny zwrot. Gdy wpisujesz wielowierszowy blok kodu, DevTools wie teraz, czy po każdym naciśnięciu Enter ma utworzyć nowy wiersz, czy wykonać kod. Załóżmy na przykład, że chcesz przeanalizować w Konsoli ten kod:for
for (var i = 0; i < 5; i++) {
console.log(i);
}
W przeszłości naciśnięcie Enter po wpisaniu pierwszego wiersza powodowałoby, że Narzędzia deweloperskie oceniałyby ten wiersz, co powodowało błąd. Aby kontynuować blok kodu na nowym wierszu, przed naciśnięciem Enter musisz przytrzymać klawisz Shift. Teraz narzędzia DevTools automatycznie kontynuują blok kodu na nowym wierszu po naciśnięciu Enter, tak jak tego oczekujesz.
Wiele kursorów. Przytrzymaj Command (Mac) lub Control + Alt (Windows, Linux), a następnie kliknij.
Canary teraz wyróżnia czerwonym kolorem konteksty, które nie są najpopularniejsze
Jeśli ostatnio pracowałeś/pracowałaś w Konsoli, mogło się zdarzyć, że dotknęła Cię nieprzyjemna usterka, która ustawiała selekcjoner kontekstu wykonania na wartości inne niż top.
Ten błąd powinien zostać naprawiony w wersji stabilnej, ale na wszelki wypadek DevTools w Canary (Chrome 56) będzie teraz ostrzegać, że nie jesteś w kontekście top, podświetlając selektor na czerwono.
Nowy klient użytkownika: UC Browser
Teraz na karcie skrótów Stan sieci możesz wybrać UC Browser na iOS, Androida lub Windows Phone.
Udostępnianie jest dobre
Jak zawsze chętnie poznamy Twoją opinię lub pomysły dotyczące DevTools.
- Aby zadać krótkie pytania, przekazać opinię lub podzielić się nowymi pomysłami, skontaktuj się z nami na Twitterze za pomocą konta ChromeDevTools.
- W przypadku dłuższych dyskusji najlepiej skorzystać z listy adresowej lub Stack Overflow.
- Jeśli masz jakiekolwiek pytania dotyczące Dokumentów, otwórz zgłoszenie w repozytorium Dokumentów.
- Zawsze możesz bezpośrednio skontaktować się z zespołem, aby zgłosić błąd lub poprosić o funkcję na Crbug.
Do zobaczenia w przyszłym miesiącu,
Kayce