Nowości w Narzędziach deweloperskich: Chrome 127

Sofia Emelianova
Sofia Emelianova
GitHub

Aby ułatwić debugowanie funkcji pozycjonowania kotwicy, karta Style zawiera teraz linki do jawnych identyfikatorów kotwic i niejawnych kotwic do ich węzłów.

Kotwice jawne i niejawne przed połączeniem i po nim.

Dodatkowo wartość atrybutu popovertarget prowadzi teraz do elementu popover w DOM.

Przed i po połączeniu popovertarget z elementem popover.

Ulepszenia panelu Źródła

Ta wersja wprowadza kilka ulepszeń w panelu Źródła.

Ulepszona funkcja „Nigdy nie wstrzymuj tutaj”

Opcja „Nigdy nie wstrzymuj tutaj” pozwala zapobiec wielokrotnemu wstrzymywaniu debugera w tym samym wierszu. Ułatwia to pracę z nieistotnymi punktami przerwania, które są wielokrotnie wywoływane. Ta wersja ulepsza tę funkcję i teraz działa ona w przypadku:

  • Wyjątki lub odrzucenia obietnic z wbudowanych funkcji.
  • „Anulowanie” punktów przerwania DOM, pobierania/XHR i naruszenia zasad CSP.
  • W deasemblacji Wasm.

Zobacz, jak działa ten proces:

Problem z Chromium: 40924349.

Nowe detektory zdarzeń przewijania z przyciąganiem

Na liście Źródła > Punkty przerwania detektora zdarzeń > Kontrola pojawiają się 2 detektory związane z przewijaniem z przyciąganiem: scrollsnapchange i scrollsnapchanging. Te zdarzenia są wywoływane, gdy przewijasz kontener przewijania w sposób, który powoduje przyciągnięcie do nowego elementu.

Przed dodaniem detektorów zdarzeń związanych z przewijaniem z przyciąganiem i po ich dodaniu.

Problem z Chromium: 40286359.

Ulepszenia panelu Sieć

Ta wersja wprowadza kilka ulepszeń w panelu Sieć.

Zaktualizowane gotowe ustawienia ograniczania wykorzystania sieci

Panel Sieć zawiera zaktualizowane ustawienia ograniczania przepustowości: nowe ustawienie Szybka sieć 4G, Szybka sieć 3G zmieniono na Wolna sieć 4G, a Wolna sieć 3G zmieniono na 3G. Jest to bardziej zgodne z ustawieniami wstępnymi Lighthouse.

Ustawienia wstępne ograniczania wykorzystania sieci przed aktualizacją i po niej.

Problem z Chromium: 342406608.

Informacje o skrypcie service worker w niestandardowych polach formatu HAR

Podczas eksportowania dziennika sieci do formatu HAR możesz teraz zobaczyć informacje związane ze skryptami service worker, w tym czasy, jako pola niestandardowe (poprzedzone podkreśleniami). W dzienniku możesz na przykład znaleźć te nowe pola:

...
"response": {
  ...
  "_fetchedViaServiceWorker": true,
  "_responseCacheStorageCacheName": "V1",
  "_serviceWorkerResponseSource": "cache-storage"
}
...
"timings": {
  ...
  "_workerStart": -1,
  "_workerReady": -1,
  "_workerFetchStart": -1,
  "_workerRespondWithSettled": -1
}
...

Problem z Chromium: 342406608.

Wysyłanie i odbieranie zdarzeń WebSocket w panelu Wydajność

Podobnie jak w przypadku innych zdarzeń WebSocket, panel Wydajność rejestruje teraz zdarzenia Wyślij wiadomość WebSocket i Odbierz wiadomość WebSocket i wyświetla je w śladzie wydajności. Na przykład:

Zdarzenie „Odebranie wiadomości WebSocket” zarejestrowane w śladzie wydajności.

Problem z Chromium: 40286129.

Różne najciekawsze momenty

Oto kilka najważniejszych poprawek i ulepszeń w tej wersji:

  • Ułatwienia dostępu: czytniki ekranu odczytują teraz zawartość komunikatów w Konsoli podczas przewijania dziennika za pomocą klawiszy strzałek w górę i w dół (344484979).
  • Źródła:
    • Strona: opcja menu Zapisz jako zapisuje teraz pliki modułów Wasm jako prawidłowe pliki binarne wasm, a nie tekst Base64 (40784130).
    • Stos wywołań: usunęliśmy sufiks (async) z opisów asynchronicznych ramek wywołań i zmieniliśmy ich wyróżnienie z kursywy na pogrubienie (343750870).
  • Pamięć: usunęliśmy niepotrzebne elementy InternalNodes o rozmiarze 0 z podsumowania zrzutu sterty (340200025).
  • Sieć: naprawiliśmy błąd, który uniemożliwiał podgląd treści odpowiedzi strumieniowej w przypadku żądań, które dopiero się rozpoczęły, ale nie otrzymały jeszcze zdarzenia responseReceived (338340752).
  • Skuteczność:
    • Statystyki selektora: dodaliśmy etykietkę z objaśnieniem do kolumny %-of-Slow-Path-Non-Matches (324282954).
    • Tryb konfiguracji ścieżki: przycisk Zakończ konfigurowanie ścieżek został przeniesiony w prawy dolny róg (345256274).
  • Konsola: naprawiliśmy błąd, który powodował wyświetlanie wielu identycznych komunikatów konsoli podczas nawigacji przy użyciu pamięci podręcznej wstecz/dalej (40894153).
  • Ustawienia: dodano ikony pomocy obok wszystkich kart.

Pobieranie kanałów podglądu

Rozważ użycie Chrome Canary, Dev lub Beta jako domyślnej przeglądarki do programowania. Te kanały wersji testowej dają 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.

Skontaktuj się z zespołem Narzędzi deweloperskich w Chrome

Skorzystaj z poniższych opcji, aby omówić nowe funkcje, aktualizacje lub inne kwestie związane z Narzędziami deweloperskimi.

Co nowego w Narzędziach deweloperskich

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