Lepsze zrozumienie błędów i ostrzeżeń w konsoli dzięki Gemini
Ta wersja Chrome wprowadza funkcje generatywnej AI w konsoli Narzędzi deweloperskich, które mają pomóc w lepszym zrozumieniu napotkanych błędów i ostrzeżeń.
Aby uzyskać wygenerowane przez AI wyjaśnienie błędu lub ostrzeżenia, kliknij przycisk Wyjaśnij ten błąd (ostrzeżenie) obok komunikatu w Konsoli i postępuj zgodnie z instrukcjami.
Więcej informacji znajdziesz w artykule Lepsze zrozumienie błędów i ostrzeżeń dzięki AI.
@position-try obsługa reguł w sekcji Elementy > Style,
Aby ułatwić debugowanie pozycjonowania elementów zakotwiczonych w CSS, karta Elementy > Style obsługuje teraz @position-try reguły CSS. Na karcie są rozwiązywane wartości position-try-options, a każda opcja jest połączona z odpowiednią sekcją @position-try --name.
Więcej informacji znajdziesz w artykule Introducing the CSS anchor positioning API (Wprowadzenie do interfejsu CSS API do pozycjonowania elementów zakotwiczonych).
Problem w Chromium: 40279608.
Ulepszenia panelu Źródła
Ta wersja wprowadza kilka ulepszeń w panelu Źródła.
Konfigurowanie automatycznego formatowania i zamykania nawiasów
Możesz teraz włączyć lub wyłączyć automatyczne formatowanie i zamykanie nawiasów w Edytorze w sekcji Źródła. Formatowanie stylistyczne sprawia, że zminifikowane pliki są czytelne. Automatyczne zamykanie nawiasów dodaje nawias zamykający () lub }) lub tag (>) po wpisaniu otwierającego.
Aby skonfigurować odpowiednie działanie, zaznacz lub odznacz nowe opcje Automatyczne zamykanie nawiasów i Automatyczne formatowanie skompresowanych źródeł w Ustawienia > Preferencje > Źródła.
Problemy z Chromium: 40865010, 324314570.
Obsłużone odrzucone obietnice są uznawane za przechwycone
Panel Źródła prawidłowo rozpoznaje teraz odrzucone obietnice jako przechwycone, jeśli zostały obsłużone za pomocą .catch() lub 2-argumentowej funkcji .then().
Innymi słowy, gdy opcja Źródła > Punkty przerwania > Wstrzymaj w przypadku nieobsłużonych wyjątków jest włączona, debuger nie wstrzymuje działania w przypadku instrukcji podobnych do tych:
Promise.reject(new Error('fail')).catch((e)=>console.log('caught'));
Problem z Chromium: 40283993.
Przyczyny błędów w konsoli
W konsoli są teraz wyświetlane łańcuchy przyczyn błędów w śladzie stosu (jeśli występują).
Aby ułatwić debugowanie, możesz określić przyczyny błędów podczas przechwytywania i ponownego zgłaszania błędów. Gdy konsola przechodzi przez łańcuch przyczyn, drukuje każdy stos błędów z prefiksem Caused by:, dzięki czemu nadal możesz zobaczyć oryginalny błąd.
Problem z Chromium: 40182832.
Ulepszenia panelu Sieć
W tej wersji wprowadziliśmy kilka ulepszeń w panelu Sieć.
Sprawdzanie nagłówków wczesnych wskazówek
Nagłówki Early Hints mają osobną sekcję na karcie Nagłówki żądania w panelu Sieć. Wcześniej odpowiednie nagłówki można było znaleźć w sekcji Nagłówki odpowiedzi.
Wczesne wskazówki to kod stanu HTTP (103 Early Hints) używany do wysyłania wstępnej odpowiedzi HTTP przed odpowiedzią końcową. Umożliwia to serwerowi wysyłanie do przeglądarki wskazówek dotyczących kluczowych zasobów podrzędnych (np. arkusza stylów lub kluczowego kodu JavaScript) lub źródeł, które prawdopodobnie będą używane przez stronę, gdy serwer jest zajęty generowaniem głównego zasobu.
Więcej informacji znajdziesz w artykule Szybsze wczytywanie stron dzięki wykorzystaniu czasu przetwarzania serwera za pomocą wczesnych wskazówek.
Problem w Chromium: 40222701.
Ukrywanie kolumny Waterfall
W panelu Sieć możesz teraz ukryć kolumnę Kaskada podobnie jak inne kolumny. Kliknij prawym przyciskiem myszy dowolną nazwę kolumny i w menu kliknij pole wyboru Wykres kaskadowy.
Problem z Chromium: 40574989.
Ulepszenia panelu wydajności
Ta wersja wprowadza kilka ulepszeń w panelu Wydajność.
Przechwytywanie statystyk selektora arkusza CSS
W panelu Wydajność pojawi się nowe ustawienie, które umożliwi Ci rejestrowanie statystyk selektora CSS w przypadku długotrwałych zdarzeń Ponowne obliczanie stylu.
Aby wyświetlić statystyki, wybierz zdarzenie Recalculate Style i otwórz nową kartę Selector Stats. Na karcie znajdziesz informacje o czasie, liczbie prób dopasowania i dopasowań oraz odsetku niepasujących selektorów na ścieżce wolniejszej.
Problem w Chromium: 324282954.
Zmiana kolejności i ukrywanie ścieżek
Panel Skuteczność ma nowy tryb konfiguracji, który umożliwia zmianę kolejności ścieżek i ich ukrywanie.
Aby przejść do trybu konfiguracji, kliknij przycisk Edytuj po lewej stronie nazwy ścieżki. Następnie kliknij w górę lub w dół, aby przenieść ścieżkę, lub kliknij , aby ją ukryć. Gdy skończysz, kliknij przycisk Sprawdź po prawej stronie nazwy utworu.