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óra jest obecnie dostępna 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 ocenie bloku kodu.
Dopasowanie nawiasów klamrowych / nawiasów klamrowych i nawiasów klamrowych. Jeśli używasz dodatkowego nawiasu, nawiasu lub nawiasu, Narzędzia deweloperskie podświetlą je na czerwono.
Pasujące nawiasy są wyróżnione na szaro, gdy kursor znajduje się obok jednego z nich.
Inteligentny zwrot. Gdy wpiszesz wielowierszowy blok kodu, Narzędzia deweloperskie będą wiedzieć, czy po każdym naciśnięciu klawisza Enter mają zostać wykonane nowe czy też uruchomione 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 zweryfikowanie tego wiersza przez Narzędzia deweloperskie, co powodowało błąd. Aby kontynuować blok kodu, trzeba było przytrzymać Shift przed naciśnięciem Enter. 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łeś/mogłaś natknąć się na paskudny błąd, który ustawiał selekcjoner kontekstu wykonania na wartości inne niż top.
Ten błąd powinien zostać naprawiony w wersji stabilnej, ale na wszelki wypadek DevTools w wersji 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 naszym repozytorium.
- 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