Nowości w Narzędziach dla deweloperów (Chrome 113)

Sofia Emelianova
Sofia Emelianova
GitHub
Jecelyn Yeen

Zastępowanie nagłówków odpowiedzi sieci

W panelu Sieć możesz teraz zastępować nagłówki odpowiedzi. Wcześniej, aby eksperymentować z nagłówkami odpowiedzi HTTP, trzeba było mieć dostęp do serwera WWW.

Dzięki zastępowaniu nagłówków odpowiedzi możesz lokalnie testować poprawki różnych nagłówków, w tym:

Aby zastąpić nagłówek, kliknij Sieć > Nagłówki > Nagłówki odpowiedzi, najedź kursorem na wartość nagłówka, kliknij Edytuj. i edytuj ją.

Błąd CORS został naprawiony przez zastąpienie nagłówka.

Możesz też dodawać nagłówki niestandardowe.

Dodawanie nagłówka niestandardowego.

Aby edytować wszystkie zastąpienia w jednym miejscu, zmień plik .headers w sekcji Źródła > Zastąpienia. Możesz też kliknąć Dodaj regułę zastępowania, aby zastąpić wiele żądań za pomocą symboli wieloznacznych (*).

Edytowanie wszystkich zastąpień.

Problem z Chromium: 1288023.

Ulepszenia debugowania Nuxt, Vite i Rollup

Aby ułatwić szybsze wykrywanie problemów podczas debugowania, rozszerzony ślad stosu ukrywa teraz ramki pochodzące ze źródeł wygenerowanych przez Nuxt 3.3 lub nowszy. Narzędzia deweloperskie pomijają takie klatki:

  • W śladach konsoli pod linkiem Pokaż N kolejnych klatek.
  • W sekcji Źródła > Stos wywołań kliknij Pole wyboru. Pokaż ramki na liście ignorowanych.

Ślad stosu przed włączeniem listy ignorowanych firm zewnętrznych i po jego włączeniu.

Aby wprowadzić te ulepszenia, zespoły Narzędzi deweloperskich, Nuxt, Vite i Rollup współpracowały nad wdrożeniem x_google_ignoreListrozszerzenia mapy źródeł:

Zespół Narzędzi deweloperskich dziękuje zespołom Nuxt, Vite i Rollup za umożliwienie tego. Dziękujemy za wysiłek i współpracę, które były niezbędne do wdrożenia tej funkcji. Jeszcze raz dziękujemy za Twój wkład.

Ulepszenia CSS w sekcji Elementy > Style

Nieprawidłowe właściwości i wartości CSS

Aby ułatwić diagnozowanie problemów z CSS, w panelu Style są teraz przekreślane:

Nieprawidłowa nazwa właściwości i nieprawidłowa wartość właściwości.

Zespół Narzędzi deweloperskich dziękuje Yisi(一丝) za wprowadzenie tej zmiany.

Linki do klatek kluczowych w skróconej właściwości animacji

Skrócona właściwość CSS animation zawiera teraz linki do odpowiednich @keyframes reguł @, dzięki czemu możesz szybciej poruszać się po panelu Style.

Łączy się z klatkami kluczowymi w skróconej właściwości animacji.

Problem z Chromium: 1420656.

Nowe ustawienie konsoli: autouzupełnianie po naciśnięciu klawisza Enter

Od poprzedniej wersji (112) możesz skonfigurować konsolę Narzędzi deweloperskich tak, aby po naciśnięciu klawisza Enter stosowała sugestię autouzupełniania.

Domyślnie, aby zaakceptować sugestię autouzupełniania, możesz nacisnąć Tab lub Arrow right. Aby autouzupełnianie działało też w przypadku znaku Enter, włącz Ustawienia. Ustawienia > Konsola > Pole wyboru. Akceptuj sugestie autouzupełniania po naciśnięciu klawisza Enter.

odpowiednie pole wyboru w Ustawieniach.

Poza tym tekst innego ustawienia jest teraz bardziej przyjazny dla użytkownika: Pole wyboru. Traktuj ocenę kodu jako działanie użytkownika.

Problem w Chromium: 1276960.

Menu poleceń wyróżnia utworzone pliki

W oknie szybkiego otwierania w menu poleceń przyciemniamy teraz pliki innych firm na liście ignorowanych, aby bardziej wyróżnić pliki utworzone przez Ciebie.

Skrypt na liście ignorowanych w oknie szybkiego otwierania przed zmianą i po niej.

Problem w Chromium: 1424345.

Wycofywanie programu profilującego JavaScript: etap 2

Już w Chrome 58 zespół narzędzi deweloperskich planował wycofać profiler JavaScriptu i zachęcić programistów Node.js i Deno do korzystania z panelu Wydajność do profilowania wydajności procesora JavaScript.

Wersja 113 Narzędzi deweloperskich rozpoczyna drugi etap czterofazowego procesu wycofywania programu profilującego JavaScript. Na tym etapie nadal możesz otworzyć panel, ale jego interfejs nie jest już dostępny.

Aby profilować wydajność procesora, kliknij Otwórz panel Wydajność.

Wycofanie programu profilującego JavaScript.

Problem w Chromium: 1354548.

Różne wyróżnione informacje

Oto niektóre z najważniejszych poprawek w tej wersji:

  • Rozwiązaliśmy błąd, który powodował, że w panelu Źródła funkcja ładnego drukowania nieprawidłowo obsługiwała nazwy zmiennych ze znakami Unicode (1425055).
  • Na karcie Problemy pojawił się nowy komunikat dotyczący problemów z autouzupełnianiem związanych z niestandardowymi wartościami HTML (1399414).

Pobieranie kanałów podglądu

Rozważ używanie Chrome w wersji Canary, deweloperskiej lub beta jako domyślnej przeglądarki do programowania. Te kanały wersji testowych zapewniają dostęp do najnowszych funkcji Narzędzi deweloperskich, umożliwiają testowanie najnowocześniejszych interfejsów API platformy internetowej i pomagają znajdować problemy w witrynie, zanim zrobią to użytkownicy.

Kontakt z zespołem Narzędzi deweloperskich w Chrome

Skorzystaj z tych opcji, aby porozmawiać o nowych funkcjach, aktualizacjach lub innych kwestiach związanych z Narzędziami deweloperskimi.

Co nowego w Narzędziach deweloperskich

Lista wszystkich tematów omówionych w serii Nowości w Narzędziach deweloperskich.