DevTools Digest, październik 2016 r.

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.

niedopasowane nawiasy

Pasujące nawiasy okrągłe oraz nawiasy klamrowe są podświetlane na szaro, jeśli obok jednego z nich znajduje się kursor.

dopasowane nawiasy

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

wiele kursorów

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.

kontekst spoza góry wyróżniony na czerwono

Nowy klient użytkownika: UC Browser

Na karcie Warunki sieci szuflada możesz wybrać UC Browser na iOS, Androida lub Windows Phone.

Klient użytkownika UC Browser

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