Cześć, tu Kayce z kolejną porcją nowości w Narzędziach deweloperskich 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 w Narzędziach deweloperskich można było wyróżnić składnię tylko po ocenieniu bloku kodu.
Wyróżnianie par nawiasów. Jeśli masz dodatkową nawias, nawias klamrowy lub nawias klamrowy klamrowy, Narzędzia dla programistów podświetlają 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 za każdym razem, gdy naciskasz 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łeś/mogłaś natknąć się na nieprzyjemny 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) ostrzega teraz, ż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