Cześć Kayce, przesyłam krótkie podsumowanie z informacjami o nowościach w Narzędziach deweloperskich od zeszłego miesiąca.
Nowe funkcje w konsoli
W Chrome 56, która jest obecnie dostępna w wersji Canary, konsola Narzędzi deweloperskich korzysta z technologii CodeMirror. Daje to dostęp do 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 sprawdzeniu bloku kodu.
Pasujące do siebie nawiasy / nawiasy klamrowe. Jeśli są dodatkowe nawiasy, nawiasy klamrowe, w Narzędziach deweloperskich zaznaczy się on na czerwono.
Pasujące nawiasy okrągłe oraz nawiasy klamrowe są podświetlane na szaro, jeśli obok jednego z nich znajduje się kursor.
Inteligentny zwrot. Gdy piszesz wielowierszowy blok kodu, Narzędzia deweloperskie wiedzą teraz, czy utworzyć nowy wiersz czy wykonywać kod po każdym naciśnięciu Enter. Załóżmy np., że chcesz w konsoli ocenić tę pętlę for
:
for (var i = 0; i < 5; i++) {
console.log(i);
}
Wcześniej naciśnięcie Enter po wpisaniu pierwszego wiersza powodowało jego ocenę przez Narzędzia deweloperskie, powodując błąd. Aby kontynuować blok kodu w nowym wierszu, przed naciśnięciem Enter trzeba przytrzymać klawisz Shift. W przeciwnym razie po naciśnięciu Enter Narzędzia deweloperskie automatycznie kontynuują blok kodu w nowym wierszu, zgodnie z oczekiwaniami.
Wiele kursorów. Przytrzymaj Command (Mac) lub Control+Alt (Windows, Linux), a następnie kliknij
Wersja Canary wyróżnia teraz konteksty inne niż główne na czerwono
Jeśli zdarzyło Ci się ostatnio pracować w konsoli, być może wystąpił u Ciebie mały błąd, który ustawiał selektor kontekstu wykonania na wartości inne niż top
.
Ten błąd powinien zostać naprawiony w wersji stabilnej, ale dla bezpieczeństwa narzędzie deweloperskie w wersji Canary (Chrome 56) ostrzega teraz, że nie znajdujesz się w kontekście top
. W tym celu podświetl selektor na czerwono.
Nowy klient użytkownika: UC Browser
Na karcie Warunki sieci szuflada możesz wybrać UC Browser na iOS, Androida lub Windows Phone.
Dziel się z innymi
Jak zawsze, chętnie poznamy Twoje opinie i pomysły dotyczące Narzędzi deweloperskich.
- Odwiedź ChromeDevTools na Twitterze, aby zadać krótkie pytania, podzielić się z nami swoją opinią lub podzielić się nowymi pomysłami.
- W przypadku dłuższych dyskusji najlepszym rozwiązaniem będzie lista adresowa lub Stack Overflow.
- W przypadku jakichkolwiek problemów związanych z dokumentami otwórz problem w naszym repozytorium dokumentów.
- Zawsze możesz zwrócić się bezpośrednio do zespołu, by zgłosić błąd lub poprosić o dodanie funkcji w Crbug.
Do następnego miesiąca
Kayce