DevTools Digest, sierpień 2016 r.

Cześć, nazywam się Kayce i jestem specjalistką ds. technicznych w Narzędziach deweloperskich. Opowiem Ci o najnowszych wydarzeniach w Google DevTools.

Panel Zasoby to teraz panel Aplikacja

Od wersji Chrome 52 panel Zasoby nie będzie już dostępny. Zmieniliśmy jej nazwę na panel Application. Wszystkie stare funkcje panelu Zasoby są nadal dostępne oraz wiele nowych ułatwiających debugowanie progresywnych aplikacji internetowych. Teraz Ty także możesz skorzystać z debugowania problemów z cyklem życia mechanizmów Service Worker i czasem pamięci podręcznej.

Aby dowiedzieć się więcej o nowych funkcjach, przeczytaj nasz nowy przewodnik: Debugowanie progresywnych aplikacji internetowych.

ChromeLens

Obiektyw Chrome.

ChromeLens to nowe, doskonałe rozszerzenie, które pomoże Ci zwiększyć dostępność witryn dla osób z wadą wzroku.

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

Nowe funkcje w wersji Canary

Wersja Canary to obecnie Chrome 54. Jeśli więc używasz Chrome 54 lub nowszej wersji, możesz użyć tych funkcji dla przyszłych czytelników.

Selektor kolorów jest w panelu Źródła.

Selektor kolorów panelu Źródła.

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

Skopiuj wszystko jako curl.

JavaScript można wyłączyć w menu poleceń. Dawniej te opcje były dostępne tylko w Ustawieniach.

Wyłącz JavaScript.

console.warn() zawiera teraz zrzut stosu.

Console.warn().

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

Czasy wykonywania funkcji w panelu źródeł.

Nowe pomysły społeczności

Oto kilka nowych pomysłów od społeczności, które być może wkrótce pojawią się w Narzędziach deweloperskich w Twojej okolicy.

  • @matthewcp: przyspiesz debugowanie wycieków pamięci przez wyświetlenie prostej listy obiektów rosnących.
  • @jonathanbingram: zwiększa/zmniejszaj wartości font-weight za pomocą skrótów klawiszowych zwiększania i zmniejszania.
  • @_bl4de: edytuj pliki cookie (to zgłoszenie od dawna, ale dziękuję za jego powrót). Plotka głosi, że @kdzwinel ma jakiś PR.
  • @kienzle_s: Dodaj filtry LUB do filtra panelu Sieć.

Masz nowy pomysł? Chętnie ją poznamy. Wyślij nam e-maila na Twitterze @ChromeDevTools i opowiedz nam, co się dzieje.

Rozumiem, że jeśli są jakieś dokumenty wymagające poprawienia lub funkcje wymagające wyjaśnienia, możesz otworzyć problem w repozytorium dokumentów.

Do przyszłego miesiąca.