DevTools Digest, sierpień 2016 r.

Cześć, mam na imię Kayce i będę Was informować o najnowszych wydarzeniach w Narzędziach dla programistów.

Panel Zasoby jest teraz panelem Aplikacja

Od wersji 52 Chrome panel Zasoby nie jest już dostępny. Zmieniliśmy nazwę tego panelu na „Aplikacja”. Wszystkie stare funkcje panelu Zasoby są nadal dostępne, a dodatkowo udostępniliśmy wiele nowych funkcji, które ułatwią Ci debugowanie progresywnych aplikacji internetowych. Teraz możesz samodzielnie debugować cykl życia usługi i rozwiązywać problemy z czasem działania pamięci podręcznej.

Aby dowiedzieć się więcej o nowych funkcjach, zapoznaj się z naszym nowym przewodnikiem: Debugowanie progresywnych aplikacji internetowych

ChromeLens

Obiektyw Chrome.

ChromeLens to świetne nowe rozszerzenie, które pomoże Ci zwiększyć dostępność witryny dla osób niedowidzących.

P.S. Rob Dodson właśnie rozpoczął nową serię filmów o ułatwieniach dostępu, a11ycasts.

Nowe funkcje dostępne w wersji Canary

Wersja Canary to obecnie Chrome 54. Jeśli czytasz ten artykuł w przyszłości, możesz korzystać z tych funkcji, jeśli używasz Chrome 54 lub nowszej wersji.

Kolory można wybierać w panelu Źródła.

Selektor kolorów w panelu źródeł

Kliknij prawym przyciskiem myszy panel Zasoby w panelu Sieć, aby skopiować ciąg żądań cURL i pobrać wszystkie zasoby.

Skopiuj wszystko jako curl.

JavaScript można wyłączyć w menu poleceń. Ta funkcja była wcześniej dostępna tylko w Ustawieniach.

Wyłącz JavaScript.

console.warn() zawiera teraz ślad stosu.

Zrzut stosu funkcji console.warn().

Ta ostatnia funkcja jest dostępna od kilku miesięcy, ale warto ją jeszcze raz wspomnieć. Utwórz nagranie osi czasu z włączoną opcją profilu JS. W panelu Źródła możesz zobaczyć podział czasu wykonywania według funkcji.

Czasy wykonywania funkcji w panelu Źródła

Nowe pomysły od społeczności

Oto kilka nowych pomysłów od społeczności, które mogą pojawić się w przyszłych wersjach DevTools Near You.

  • @matthewcp: przyspiesz debugowanie wycieku pamięci dzięki wyświetlaniu prostej listy rosnących obiektów.
  • @jonathanbingram: zwiększanie i zmniejszanie wartości font-weight za pomocą skrótów klawiszowych.
  • @_bl4de: Edytuj pliki cookie (to długa prośba, ale dziękuję za przypomnienie). Plotka głosi, że @kdzwinel pracuje nad projektem z zakresu PR.
  • @kienzle_s: dodaj filtry LUB do filtra w panelu Sieć.

Masz nowy pomysł? Chętnie ją poznamy. Napisz do nas na Twitterze: @ChromeDevTools.

Jeśli chcesz zgłosić błąd w dokumentacji lub wyjaśnić działanie funkcji, otwórz zgłoszenie w repozytorium dokumentów.

Do zobaczenia w przyszłym miesiącu!