Statystyki konsoli z Gemini są dostępne w większości krajów europejskich
Ta wersja obsługuje w większości krajów europejskich statystyki konsoli od Gemini.
Lista nowych obsługiwanych krajów europejskich
Austria, Belgia, Bułgaria, Cypr, Czechy, Dania, Estonia, Hiszpania, Holandia, Irlandia, Islandia, Liechtenstein, Litwa, Luksemburg, Łotwa, Malta, Niemcy, Norwegia, Polska, Portugalia, Rumunia, Słowacja, Słowenia, Szwajcaria, Szwecja, Węgry i Włochy.
Jeśli mieszkasz w jednym z tych krajów, możesz teraz poprosić Gemini o statystyki bezpośrednio w Konsoli, aby lepiej rozumieć błędy i ostrzeżenia.
Aktualizacje panelu skuteczności
Ta aktualizacja wprowadza kilka ulepszeń panelu Wydajność.
Ulepszona usługa sieciowa
Ścieżka Sieć w panelu Skuteczność została ulepszona, aby wyświetlać najważniejsze informacje na samym początku, np. bardziej szczegółowy czas trwania i drzewo inicjatora sieci, a także aby zapewnić większą przejrzystość wskazówek wizualnych i kolorów. Nie musisz już przełączać się między panelem Sieć a kartą Skuteczność > Podsumowanie. Jeśli nadal musisz przełączyć się na panel Sieć, ułatwiliśmy i przyspieszyliśmy ten proces.
Ścieżka Sieć wygląda teraz tak:
- Wyświetla legendę kolorów dla typów żądań.
- Żądania blokujące renderowanie oznacza w prawym górnym rogu czerwone trójkąty.
- Po wybraniu za pomocą strzałki wyświetla inicjatora żądania. Ułatwia to zrozumienie drzewa inicjatorów sieci, które wcześniej było dostępne tylko w panelu Sieć.
- Po najechaniu kursorem na nową etykietkę zobaczysz teraz uporządkowane informacje o czasie, w tym stan blokowania renderowania i ewentualne zmiany priorytetu.
- Na karcie Podsumowanie w kolumnie po prawej stronie wyświetla się teraz podział czasów.
Na karcie Podsumowanie możesz też kliknąć prawym przyciskiem myszy prośbę na ścieżce lub jej adresie URL i w menu wybrać Pokaż w panelu Sieć. Narzędzie DevTools otworzy panel Sieć i wyróżni w tabeli żądanie, którego szukasz.
Dostosowywanie danych o skuteczności za pomocą interfejsu API umożliwiającego rozszerzanie
Ta wersja obsługuje dane rozszerzeń w panelu Skuteczność. Możesz teraz dodawać ścieżki niestandardowe ze zdarzeniami i opisami etykietek do śledzenia skuteczności, szczegółów na kartach Podsumowanie, i nie tylko. Ta funkcja może być przydatna dla deweloperów frameworków, bibliotek i złożonych aplikacji z niestandardowymi narzędziami pomiarowymi.
Przykład ścieżki niestandardowej znajdziesz na stronie demonstracyjnej. W sekcji Wydajność > Ustawienia przechwytywania zaznacz Dane rozszerzenia. Rozpocznij nagrywanie występu, kliknij Add new Corgi (Dodaj nowego psa) na stronie demonstracyjnej, a potem zatrzymaj nagrywanie. Na karcie Podsumowanie zobaczysz ścieżkę niestandardową zawierającą zdarzenia z niestandardowymi etykietami i szczegółami.
Krótko mówiąc, aby rozszerzyć dane o skuteczności, przekaż konkretną strukturę do parametrów measureOption.detail
lub markOption.detail
w wywołaniach interfejsu API performance.measure()
lub performance.mark()
.
Szczegóły na ścieżce czasu
Jeśli jesteś programistą stron internetowych i korzystasz z funkcji Czas działań użytkownika w interfejsie Performance API, aby dodawać wpisy do ścieżki Czasy, możesz teraz zobaczyć dowolne szczegóły zdarzeń mark
i measure
oraz ich sygnatury czasowe na karcie Podsumowanie.
Problem z Chromium: 345418915.
Skopiuj wszystkie żądania wymienione w panelu Sieć
Zamiast kopiowania całego dziennika sieci w panelu Sieć możesz teraz stosować filtry i kopiować tylko wymienione żądania.
Szybsze zrzuty stosu dzięki nazwanym tagom HTML i mniejszej ilości bałaganu
Zrzuty sterty w panelu Pamięć działają jeszcze szybciej, mają teraz obiekty pogrupowane według nazwanych tagów HTML, są lepiej dopasowane do semantyki języka JavaScript dzięki wyświetlaniu mniejszej liczby obiektów wewnętrznych i zawsze zawierają wartości liczbowe.
Działanie ustawienia
Uwzględnij wartości liczbowe w przechwytywaniu zostało przyspieszone, domyślnie włączone i usunięte z panelu Pamięć.Aby ręcznie uwzględnić w zrzucie obiekty wewnętrzne, włącz najpierw
Ustawienia > Eksperymenty > Pokaż opcję udostępniania obiektów wewnętrznych w zrzutach stosu, a następnie zaznacz Udostępnij obiekty wewnętrzne (...) w panelu Pamięć.Problemy z Chromium: 41490040, 343341610, 42203857.
Otwórz panel Animacje, aby tworzyć animacje i edytować @keyframes
na żywo
Panel Animacje wykona teraz te działania:
- rejestruje animacje, które są już w trakcie odtwarzania w momencie otwarcia panelu, dzięki czemu nie musisz odświeżać strony, aby zarejestrować animacje.
- Obsługuje edycję w czasie rzeczywistym
@keyframes
. Inaczej mówiąc, aktualizuje przechwyconą animację podczas edytowania sekcji@keyframes
w sekcji Elementy > Style.
W tym filmie pokażemy, jak działają obie te funkcje.
Problem z Chromium: 352718055.
Lighthouse 12.1.0
Panel Lighthouse korzysta teraz z Lighthouse w wersji 12.1.0.
Ta aktualizacja wprowadza wiele zmian, w tym usunięcie starego wskaźnika First Meaningful Paint (FMP) na rzecz największego wyrenderowania treści (LCP). Zobacz pełną listę zmian.
Podstawowe informacje na temat korzystania z panelu Lighthouse w Narzędziach deweloperskich znajdziesz w artykule Lighthouse: optymalizacja szybkości witryny.
Problem z Chromium: 772558.
Ułatwienia dostępu
W tej wersji ulepszyliśmy ułatwienia dostępu:
- Naciśnięcie Tab po automatycznym uzupełnieniu w polu edycji wyrażeń na żywo spowoduje przeniesienie zaznaczenia na następny punkt zaznaczenia. Wcześniej wcięcie było automatyczne.
- Kliknięcie narzędzia do zmiany rozmiaru powoduje zaznaczenie go, dzięki czemu możesz go przesuwać, używając klawiszy strzałek w prawo i w lewo.
- Czytnik ekranu ogłasza teraz pole edycji Dodaj wyrażenie do obserwacji w sekcji Źródła, a pole Usuń wyrażenie do obserwacji jest teraz wyraźnie widoczne podczas poruszania się za pomocą klawiatury.
Problemy z Chromium: 349939551, 343942719, 349334243, 349428374.
Różne wyróżnienia
Oto kilka ważnych poprawek i ulepszeń w tej wersji:
- Skuteczność:
- Śledzenie sieci: dodano zdarzenia połączenia WebSocket 331351979.
- Panel Wydajność prawidłowo powiększa teraz najbardziej intensywną aktywność w wątku głównym 345599356.
- Naprawiliśmy błąd związany z przesyłaniem nieprawidłowych typów plików śledzenia. Teraz uniemożliwia przesyłanie dowolnych typów innych niż prawidłowe
.json
lub.gz
349864878.
- Elementy > Style:
- Wniosek:
Pobierz kanały podglądu
Zastanów się, czy nie ustawić Chrome w wersji Canary, Dev lub Beta jako domyślnej przeglądarki do programowania. Te kanały wersji wstępnej zapewniają dostęp do najnowszych funkcji DevTools, umożliwiają testowanie najnowocześniejszych interfejsów API platformy internetowej i pomagają znaleźć problemy w witrynie, zanim zrobią to użytkownicy.
Kontakt z zespołem ds. Narzędzi deweloperskich w Chrome
Aby omówić nowe funkcje, aktualizacje lub inne kwestie związane z Narzędziami deweloperskimi, skorzystaj z tych opcji.
- Prześlij nam swoje opinie i prośby o dodanie funkcji na stronie crbug.com.
- Zgłoś problem z Narzędziami deweloperskimi, klikając Więcej opcji > Pomoc > Zgłoś problem z Narzędziami deweloperskimi.
- Opublikuj tweeta na stronie @ChromeDevTools.
- Napisz komentarz pod filmem Co nowego w Narzędziach deweloperskich w Narzędziach deweloperskich w YouTube lub filmach ze wskazówkami dotyczącymi Narzędzi deweloperskich w YouTube.
Co nowego w Narzędziach deweloperskich
Lista wszystkich tematów omawianych w cyklu artykułów Co nowego w Narzędziach deweloperskich.
- Debugowanie CSS z Gemini
- Zarządzanie funkcjami AI na specjalnej karcie ustawień
- Ulepszenia panelu skuteczności
- Dodawanie adnotacji i udostępnianie wyników dotyczących skuteczności
- Wyświetlanie statystyk skuteczności bezpośrednio w panelu Skuteczność
- Łatwiej wykrywaj nadmierne przesunięcia układu
- Jak wykryć nieskomponowane animacje
- Równoczesność sprzętu zostanie przeniesiona do czujników
- Ignoruj anonimowe skrypty i skup się na kodzie w zrzutach stosu
- Elementy > Style: obsługa trybów pisania poziomego* w przypadku nakładek siatki i słów kluczowych w całym CSS
- Audyty Lighthouse stron niebędących stronami HTTP w trybach okresu i migawki
- Ulepszenia ułatwień dostępu
- Inne najciekawsze informacje
- Ulepszenia panelu sieci
- Filtry sieciowe w nowej odsłonie
- Eksportowanie plików HAR z wykluczeniem danych poufnych domyślnie
- Ulepszenia panelu elementów
- Wartości autouzupełniania w przypadku właściwości text-emphasis-*
- Rozszerzone elementy przewijania oznaczone etykietą
- Ulepszenia panelu Skuteczność
- Zalecenia w danych na żywo
- Poruszanie się po menu nawigacyjnym
- Ulepszenia panelu pamięci
- Nowy profil „Odłączone elementy”
- Poprawione nazewnictwo zwykłych obiektów JS
- Wyłączanie motywów dynamicznych
- Eksperyment w Chrome: udostępnianie procesów
- Lighthouse 12.2.1
- Inne najciekawsze informacje
- Nagrywarka obsługuje eksport do Puppeteer w Firefoksie
- Ulepszenia panelu skuteczności
- Obserwacje dotyczące bieżących danych
- Żądania wyszukiwania na ścieżce Sieć
- Wyświetlanie ścieżek wywołań funkcji performance.mark i performance.measure
- Używanie testowych danych adresów w panelu Autouzupełnianie
- Ulepszenia panelu elementów
- Wymuszaj stosowanie większej liczby stanów dla określonych elementów
- Elementy > Style automatycznie uzupełniają więcej właściwości siatki
- Lighthouse 12.2.0
- Inne najciekawsze informacje
- Statystyki konsoli Gemini są dostępne w większości krajów europejskich
- Aktualizacje panelu Wyniki
- Ścieżka sieci rozszerzonej
- Dostosowywanie danych o skuteczności za pomocą interfejsu Extensibility API
- Szczegóły na ścieżce Czas wczytywania
- Skopiuj wszystkie żądania wymienione w panelu Sieć
- Szybsze migawki stosu z nazwami tagów HTML i mniejszą ilością bałaganu
- Otwórz panel Animacje, aby rejestrować animacje i edytować @keyframes na żywo
- Lighthouse 12.1.0
- Ulepszenia ułatwień dostępu
- Inne najciekawsze informacje
- Sprawdzanie pozycji kotwicy CSS w panelu Elementy
- Ulepszenia panelu Źródła
- Rozszerzona funkcja „Nigdy nie wstrzymuj w tym miejscu”
- Nowe detektory zdarzeń przewijania
- Ulepszenia panelu sieci
- Zaktualizowane gotowe ustawienia ograniczania wykorzystania sieci
- Informacje o skrypcie service worker w polach niestandardowych formatu HAR
- Wysyłanie i odbieranie zdarzeń WebSocket w panelu Wydajność
- Różne wyróżnienia
- Ulepszenia panelu skuteczności
- Przenoszenie i ukrywanie ścieżek w zaktualizowanym trybie konfiguracji ścieżki
- Ignorowanie skryptów na wykresie płomieniowym
- Ograniczenie wykorzystania procesora 20-krotnie
- Panel Statystyki wydajności zostanie wycofany
- Znajdowanie nadmiernego wykorzystania pamięci za pomocą nowych filtrów w zrzutach stosu
- Sprawdzanie zasobników na dane w sekcji Aplikacja > Pamięć
- Wyłączanie ostrzeżeń dotyczących XSS-a za pomocą flagi wiersza poleceń
- Lighthouse 12.0.0
- Inne najciekawsze informacje
- Lepsze zrozumienie błędów i ostrzeżeń w konsoli dzięki Gemini
- Obsługa reguł @position-try w sekcji Elementy > Style
- Ulepszenia panelu źródeł
- Konfigurowanie automatycznego drukowania i zamykania nawiasów
- Obsługiwane odrzucone obietnice są uznawane za zrealizowane
- Przyczyny błędów w konsoli
- Ulepszenia panelu Sieć
- Sprawdzanie nagłówków wczesnych wskazówek
- Ukrywanie kolumny kaskady
- Ulepszenia panelu skuteczności
- Przechwytywanie statystyk selektora arkusza CSS
- Zmienianie kolejności i ukrywanie utworów
- Ignorowanie elementów zachowujących w panelu Pamięć
- Lighthouse 11.7.1
- Inne najciekawsze informacje
- Nowy panel autouzupełniania
- Ulepszone ograniczanie sieci dla WebRTC
- Obsługa animacji przewijanych w panelu Animacje
- Ulepszona obsługa zagnieżdżania CSS w Elementach > Style
- Panel Zwiększona skuteczność
- Ukrywanie funkcji i ich elementów podrzędnych na wykresie płomieniowym
- Strzałki z wybranych inicjatorów do zdarzeń zainicjowanych przez nich
- Lighthouse 11.6.0
- Wskazówki dotyczące specjalnych kategorii w sekcji Pamięć > Migawki sterty
- Aplikacja > Aktualizacje miejsca na dane
- Bajty używane przez współdzielone miejsce na dane
- Web SQL został całkowicie wycofany
- Ulepszenia panelu Stan w indeksie
- Panel Warstwy może zostać wycofany
- Wycofanie programu profilującego JavaScript: etap 4, ostatni
- Inne najciekawsze informacje
- Znajdź pisankę
- Aktualizacje panelu Elementy
- Emuluj zaznaczoną stronę w sekcji Elementy > Style
- Selektor kolorów, Zegar kątowy i edytor wygładzania w wartościach zastępczych
var()
- Narzędzie długości CSS zostało wycofane
- Wyświetlanie okienka wybranego wyniku wyszukiwania na stronie Skuteczność > Główna ścieżka
- Aktualizacje panelu Sieć
- Przycisk Wyczyść i filtr wyszukiwania na karcie Sieć > EventStream
- Wskazówki z powodami wykluczenia plików cookie innych firm w sekcji Sieć > Pliki cookie
- Włączanie i wyłączanie wszystkich punktów przerwania w sekcji Źródła
- Wyświetl wczytane skrypty w Narzędziach deweloperskich dla Node.js
- Lighthouse 11.5.0
- Ulepszenia ułatwień dostępu
- Inne najciekawsze informacje
- Oficjalna kolekcja rozszerzeń Dyktafonu jest już dostępna
- Ulepszenia sieci
- Przyczyna niepowodzenia w kolumnie Stan
- Ulepszone menu podrzędne Kopiuj
- Ulepszenia wydajności
- Menu nawigacyjne na osi czasu
- Inicjatorzy wydarzeń na głównej ścieżce
- Menu selektora instancji maszyny wirtualnej JavaScript w Narzędziach deweloperskich Node.js
- Nowy skrót i polecenie w sekcji Źródła
- Ulepszenia elementów
- Pseudoelement ::view-transition można teraz edytować w sekcji Style
- Obsługa atrybutu align-content w przypadku kontenerów blokowych
- Obsługa postawy w przypadku emulowanych urządzeń składanych
- Dynamiczne motywy
- Ostrzeżenia o wycofaniu plików cookie innych firm w panelach Sieć i Aplikacje
- Lighthouse 11.4.0
- Ulepszenia ułatwień dostępu
- Inne najciekawsze informacje
- Ulepszenia elementów
- Ujednolicony pasek filtrowania w panelu Sieć
- Zespół pomocy
@font-palette-values
- Obsługiwany przypadek: usługa niestandardowa jako usługa zastępcza innej usługi niestandardowej
- Ulepszona obsługa mapy źródeł
- Ulepszenia panelu Skuteczność
- Ulepszone śledzenie interakcji
- Zaawansowane filtrowanie na kartach Od dołu, Drzewo wywołań i Dziennik zdarzeń
- Znaki wcięcia w panelu Źródła
- Przydatne etykietki dotyczące zastąpionych nagłówków i treści w panelu Sieć
- Nowe opcje w menu poleceń służące do dodawania i usuwania wzorców blokowania żądań
- Eksperyment dotyczący naruszeń CSP został usunięty
- Lighthouse 11.3.0
- Ulepszenia ułatwień dostępu
- Różne wyróżnienia
- Wycofanie plików cookie innych firm
- Analizowanie plików cookie w witrynie za pomocą narzędzia Privacy Sandbox Analysis Tool
- Ulepszona funkcja ignorowania informacji o produkcie
- Domyślny wzorzec wykluczania dla modułu node_modules
- Wyjątki przechwycone teraz przerywają wykonywanie kodu, jeśli są przechwycone lub przekazywane przez kod nieignorowany
- Nazwa
x_google_ignoreList
została zmieniona naignoreList
w mapach źródłowych - Nowy przełącznik trybu wprowadzania podczas debugowania zdalnego
- Panel Elementy pokazuje teraz adresy URL #węzłów dokumentu
- Zasady Content Security Policy w panelu aplikacji
- Ulepszenie debugowania animacji
- Okno „Czy ufasz temu kodowi?” w Źródłach i ostrzeżenie przed samoistnym XSS w Konsoli
- Punkty przerwania detektora zdarzeń w elementach worker i worklet
- Nowa plakietka multimediów dla
<audio>
i<video>
- Zmiana nazwy wstępnego wczytywania na ładowanie spekulacyjne
- Lighthouse 11.2.0
- Ulepszenia ułatwień dostępu
- Różne wyróżnienia
- Ulepszona sekcja @property w Elementy > Style
- Reguła @property z możliwością edycji
- Zgłoszenie problemów z nieprawidłowymi regułami @property
- Zaktualizowana lista urządzeń do emulacji
- Ładne wyświetlanie wbudowanego kodu JSON w tagach skryptu w sekcji Źródła
- Autouzupełnianie pól prywatnych w Konsoli
- Lighthouse 11.1.0
- Ulepszenia ułatwień dostępu
- Wycofanie obsługi SQL w sieci
- Weryfikacja formatu zrzutu ekranu w aplikacji > Plik manifestu
- Inne najciekawsze informacje
- Nowa sekcja właściwości niestandardowych w sekcji Elementy > Style
- Więcej ulepszeń dotyczących zastępowania wartości lokalnych
- Ulepszone wyszukiwanie
- Ulepszone źródła
- Uproszczony obszar roboczy w panelu Źródła
- Zmiana kolejności paneli w Źródłach
- Wyróżnianie składni i upiększanie kodu w przypadku większej liczby typów skryptów
- Emuluj funkcję multimediów „prefers-reduced-transparency”
- Lighthouse 11
- Ulepszenia ułatwień dostępu
- Inne najciekawsze informacje
- Ulepszenia panelu sieci
- Jeszcze szybsze zastępowanie treści z internetu lokalnie
- Zastępowanie treści żądań XHR i pobierania
- Ukrywanie próśb o dodanie rozszerzeń do Chrome
- Kod stanu HTTP w formie czytelnej dla człowieka
Odpowiedzi w formie efektu cienkiego druku dla podtypów JSON
Skuteczność: sprawdzanie zmian priorytetu pobierania zdarzeń sieciowych
- Domyślne ustawienia źródeł włączone: zwijanie kodu i automatyczne ujawnianie plików
- Ulepszenie debugowania problemów z plikami cookie innych firm
- Nowe kolory
- Lighthouse 10.4.0
- Debugowanie wstępnego wczytywania w panelu Aplikacja
- Rozszerzenie do debugowania C/C++ WebAssembly w Narzędziach deweloperskich jest teraz dostępne na licencji open source
- Inne najciekawsze informacje
- (Experimental) Nowa emulacja renderowania: prefers-reduced-transparency
- (Funkcja eksperymentalna) Monitoruj ulepszony protokół
- Ulepszony debugowanie w przypadku braku czcionek
- Obsługa liniowego ustawiania czasu w sekcji Elementy > Style > Edytor wygładzania
- Obsługa zasobników na dane i widok metadanych
- Lighthouse 10.3.0
- Ułatwienia dostępu: polecenia klawiaturowe i ulepszone odczytywanie ekranu
- Inne najciekawsze informacje
- Ulepszenia elementów
- Nowa plakietka subgridu usługi porównywania cen
- Specyficzność selektora w etykiecie
- Wartości niestandardowych właściwości CSS w tooltipach
- Ulepszenia źródeł
- Wyróżnianie składni CSS
- Skrót do ustawiania warunkowych punktów przerwania
- Aplikacja > Łagodzenie śledzenia przekierowań
- Lighthouse 10.2.0
- Domyślnie ignoruj skrypty treści
- Sieć > Ulepszenia odpowiedzi
- Różne wyróżnienia
- Obsługa debugowania WebAssembly
- Ulepszony sposób obsługi kroków w aplikacjach Wasm
- Debugowanie autouzupełniania za pomocą panelu Elementy i karty Problemy
- Potwierdzenia w Dyktafonie
- Lighthouse 10.1.1
- Ulepszenia skuteczności
- performance.mark() wyświetla czas po najechaniu kursorem na element w sekcji Skuteczność > Czasy
- polecenie profile() wypełnia sekcję Wydajność > Główne
- Ostrzeżenie o wolnych interakcjach użytkownikach
- Aktualizacje podstawowych wskaźników internetowych
- Wycofanie programu profilującego JavaScript: faza trzecia
- Inne najciekawsze informacje
- Zastępowanie nagłówków odpowiedzi sieci
- Ulepszenia debugowania Nuxt, Vite i o pełnym zakresie
- Ulepszenia CSS w Elementy > Style
- Nieprawidłowe właściwości i wartości CSS
- Linki do klatek kluczowych w skrótowej właściwości animacji
- Nowe ustawienie konsoli: autouzupełnianie po naciśnięciu klawisza Enter
- Menu poleceń podkreśla pliki z autorskimi zmianami
- Wycofanie programu profilującego JavaScript: etap 2
- Inne najciekawsze informacje
- Aktualizacje dotyczące nagrywania
- Rozszerzenia odtwarzania w dyktafonie
- Nagrywanie z selektorami przebijania
- Eksportowanie nagrań jako skryptów Puppeteer z analizą Lighthouse
- Pobieranie rozszerzeń Dyktafonu
- Elementy > Aktualizacje stylów
- Dokumentacja CSS w panelu Style
- Obsługa zagnieżdżania CSS
- Oznaczanie punktów logowania i warunkowych punktów przerwania w konsoli
- Ignorowanie nieistotnych skryptów podczas debugowania
- Rozpoczęcie wycofywania JavaScript Profiler
- Emuluj zmniejszony kontrast
- Lighthouse 10
- Inne najciekawsze informacje
- Debugowanie koloru HD za pomocą panelu Style
- Ulepszony interfejs punktów przerwania
- Dostosowywanie skrótów w Rejestratorze
- Lepsze podświetlanie składni w Angularze
- Uporządkuj pamięci podręczne w panelu aplikacji
- Różne wyróżnienia
- Wyczyszczanie panelu wydajności po odświeżeniu
- Aktualizacje dotyczące nagrywania
- Wyświetlanie i wyróżnianie kodu przepływu użytkownika w Dyktafonie
- Dostosowywanie typów selektorów nagrania
- Edytowanie wzorca przeglądania podczas nagrywania
- Automatyczne umieszczanie wydruku w dobrym stylu
- Ulepszone wyróżnienie składni i wbudowany podgląd w wersjach Vue, SCSS i innych
- Wygodny i spójny autouzupełniacz w Konsoli
- Różne wyróżnienia
- Nagrywarka: opcje kopiowania kroków, odtwarzania na stronie i menu kontekstowego kroku
- Wyświetlanie rzeczywistych nazw funkcji w nagraniach wydajności
- Nowe skróty klawiszowe w panelu Konsola i źródła
- Ulepszone debugowanie JavaScriptu
- Inne najciekawsze informacje
- [Funkcja eksperymentalna] Ulepszony interfejs zarządzania punktami przerwania
- [Experimental] Automatyczne formatowanie stylistyczne na miejscu
- Wskazówki dotyczące nieaktywnych właściwości CSS
- Automatycznie wykrywaj ścieżki XPath i selektory tekstu w panelu Dyktafon
- Przechodzenie między wyrażeniami rozdzielanymi przecinkami
- Ulepszona konfiguracja listy ignorowanych
- Inne najciekawsze informacje
- Dostosowywanie skrótów klawiszowych w Narzędziach deweloperskich
- Przełączanie motywów jasnego i ciemnego za pomocą skrótu klawiszowego
- Podświetl obiekty w C/C++ w Inspektorze pamięci
- Obsługa pełnych informacji o inicjatorze w przypadku importu HAR
- Rozpocznij wyszukiwanie DOM po naciśnięciu
Enter
- Wyświetlanie ikon
start
iend
w przypadku właściwościalign-content
flexbox w kodzie CSS - Inne najciekawsze informacje
- Grupowanie plików według autora lub wdrożenia w panelu Źródła
- Połączone zrzuty stosu dotyczące operacji asynchronicznych
- Automatyczne ignorowanie znanych skryptów innych firm
- Ulepszona kolejka wywołań podczas debugowania
- Ukrywanie źródeł z listy ignorowanych w panelu Źródła
- Ukrywanie plików z listy ignorowanych w Menu poleceń
- Nowa ścieżka interakcji w panelu Skuteczność
- Rozkład czasowy danych LCP w panelu Statystyki wydajności
- Automatyczne generowanie domyślnej nazwy nagrań w panelu Dyktafon
- Różne wyróżnienia
- Odtwarzanie krok po kroku w Dyktafonie
- Obsługa zdarzenia najechania kursorem na panel Dyktafonu
- Największe wyrenderowanie treści (LCP) w panelu Statystyki wydajności
- Określ przebłyski tekstu (FOIT, FOUT) jako potencjalne przyczyny przesunięć układu
- Moduły obsługi protokołów w panelu Manifest
- Plakietka Górna warstwa w panelu Elementy
- Dołączanie informacji o debugowaniu Wasm w czasie wykonywania
- Obsługa edycji na żywo podczas debugowania
- Wyświetlanie i edytowanie reguł @scope at w panelu Style
- Ulepszenia mapy źródeł
- Różne wyróżnienia
- Ponowne uruchamianie ramki podczas debugowania
- Opcje powtarzania w zwolnionym tempie na panelu Dyktafon
- Tworzenie rozszerzenia panelu Dyktafon
- Grupowanie plików według autora lub wdrożenia w panelu Źródła
- Nowy wymiar czasu działań użytkownika w panelu Statystyki skuteczności
- Pokaż przypisany slot elementu
- Symulowanie równoczesności sprzętu w przypadku nagrań dotyczących wydajności
- Podgląd wartości niebędącej kolorem podczas automatycznego uzupełniania zmiennych CSS
- Identyfikowanie ramek blokujących w panelu pamięci podręcznej stanu strony internetowej
- Ulepszone sugestie autouzupełniania obiektów JavaScript
- Ulepszenia map źródeł
- Inne najciekawsze informacje
- Rejestrowanie zdarzeń podwójnego kliknięcia i kliknięcia prawym przyciskiem myszy w panelu Rejestrator
- Nowy tryb zakresu czasu i migawki w panelu Lighthouse
- Ulepszony mechanizm powiększania w panelu Statystyki wydajności
- Potwierdź usunięcie nagrania wykonania
- Zmienianie kolejności paneli w panelu Elementy
- Wybieranie koloru poza przeglądarką
- Ulepszony podgląd wartości wbudowanej podczas debugowania
- Obsługa dużych blobów na potrzeby wirtualnych uwierzytelniających
- Nowe skróty klawiszowe w panelu źródeł
- Ulepszenia map źródeł
- Funkcja w wersji beta: nowy panel Statystyki skuteczności
- Nowe skróty do emulacji jasnych i ciemnych motywów
- Ulepszony poziom zabezpieczeń na karcie Podgląd sieci
- Ulepszone ponowne wczytywanie w punkcie przerwania
- Aktualizacje konsoli
- Anulowanie nagrywania ścieżki użytkownika na początku
- Wyświetlanie odziedziczonych pseudoelementów wyróżnień w panelu Stylów
- Inne najciekawsze informacje
- [Experimental] Copy CSS changes
- [Funkcja eksperymentalna] Wybieranie koloru poza przeglądarką
- Importowanie i eksportowanie zarejestrowanych wzorców użytkowników do pliku JSON
- Wyświetlanie warstw kaskadowych w panelu Style
- Obsługa funkcji koloru
hwb()
- Ulepszony wyświetlacz właściwości prywatnych
- Różne wyróżnienia
- [Funkcja eksperymentalna] Nowy tryb zakresu czasu i migawki w panelu Lighthouse
- Wyświetlanie i edytowanie reguł @supports w panelu Style
- Domyślnie obsługują wspólne selektory
- Dostosowywanie selektora nagrania
- Zmienianie nazwy nagrania
- Wyświetlanie podglądu właściwości klasy/funkcji po najechaniu kursorem
- Częściowo prezentowane klatki w panelu Wydajność
- Różne wyróżnienia
- Ograniczanie żądań WebSocket
- Nowy panel interfejsu API do raportowania w panelu Aplikacja
- Poczekaj, aż element będzie widoczny lub klikalny w panelu Recorder
- Lepsze formatowanie, formatowanie i filtrowanie konsoli
- Debugowanie rozszerzenia do Chrome z użyciem plików mapy źródłowej
- Ulepszona struktura folderów źródłowych w panelu Źródła
- Wyświetlanie plików źródłowych wyświetlacza w panelu Źródła
- Aktualizacje automatycznego ciemnego motywu w Chrome
- Wybór kolorów i panel podzielony na dwie części dotykowe
- Różne wyróżnienia
- Funkcja podglądu: drzewo ułatwień dostępu na całej stronie
- Bardziej szczegółowe zmiany na karcie Zmiany
- Ustawianie dłuższego czasu oczekiwania na rejestrowanie danych o ruchu użytkownika
- Sprawdzanie, czy strony mogą być przechowywane w pamięci podręcznej za pomocą karty Pamięć podręczna stanu strony internetowej
- Filtr panelu Nowe usługi
- Emulowanie funkcji mediów CSS „forced-colors”
- Polecenie pokazywania linijek pod kursorem myszy
- Obsługa
row-reverse
icolumn-reverse
w edytorze Flexbox - Nowe skróty klawiszowe do odtwarzania XHR i rozwijania wszystkich wyników wyszukiwania
- Lighthouse 9 w panelu Lighthouse
- Ulepszony panel Źródła
- Różne wyróżnienia
- [Funkcja eksperymentalna] Punkty końcowe w panelu interfejsu API do raportowania
- Funkcja podglądu: nowy panel Dyktafonu
- Odświeżanie listy urządzeń w trybie urządzenia
- Autouzupełnianie przy użyciu opcji Edytuj jako HTML
- Ulepszenia dotyczące debugowania kodu
- Synchronizacja ustawień Narzędzi deweloperskich na różnych urządzeniach
- Funkcja podglądu: nowy panel Przegląd CSS
- Przywrócono i ulepszono edycję i kopiowanie długości kodu CSS
- Emulowanie funkcji mediów CSS „prefers-contrast”
- Emuluj funkcję automatycznego ciemnego motywu w Chrome
- Kopiowanie deklaracji jako kodu JavaScript w panelu Style
- Karta Nowy ładunek w panelu Sieć
- Ulepszyliśmy wyświetlanie właściwości w panelu Właściwości
- Opcja ukrywania błędów CORS w konsoli
- Podgląd i ocena odpowiednich obiektów
Intl
w konsoli - Spójne asynchroniczne zrzuty stosu
- Zachowanie paska bocznego konsoli
- Wycofane okienko pamięci podręcznej aplikacji w panelu aplikacji
- [Funkcja eksperymentalna] Panel Nowy interfejs API do raportowania w panelu Aplikacja
- Nowe narzędzia do tworzenia usług porównywania cen
- Ukryj problemy na karcie Problemy
- Ulepszony wyświetlacz właściwości
- Lighthouse 8.4 w panelu Lighthouse
- Sortowanie fragmentów w panelu Źródła
- Nowe linki do przetłumaczonych informacji o wersji i zgłaszanie błędu w tłumaczeniu
- Ulepszony interfejs menu poleceń Narzędzi deweloperskich
- Używanie Narzędzi deweloperskich w preferowanym języku
- Nowe urządzenia Nest Hub na liście urządzeń
- Testy pochodzenia w widoku Szczegóły ramki
- Nowa plakietka zapytań dotyczących kontenerów CSS
- Nowe pole wyboru do odwracania filtrów sieci
- Zbliżające się wycofanie paska bocznego konsoli
- Wyświetlaj nieprzetworzone nagłówki
Set-Cookies
na karcie Problemy i panelu Sieć - Spójni akcesoria displayowe jako własne jako usługi w konsoli
- Prawidłowe zrzuty stosu błędów dla skryptów w tekście z hashtagiem #sourceURL
- Zmienianie formatu koloru w panelu Obliczone
- Zastępowanie etykiet niestandardowych etykietkami natywnymi HTML
- [Experimental] Hide issues in the Issues tab
- Edytowalne zapytania kontenera CSS w panelu Style
- Podgląd pakietu w panelu Sieć
- Debugowanie interfejsu Attribution Reporting API
- Lepsza obsługa ciągów tekstowych w konsoli
- Ulepszone debugowanie CORS
- Lighthouse 8.1
- Nowy adres URL notatki w panelu pliku manifestu
- Poprawiono selektory pasujące do arkusza CSS
- Formatowanie odpowiedzi JSON w panelu sieci
- Edytor siatki CSS
- Obsługa deklaracji
const
w Konsoli - Przeglądarka kolejności źródłowej
- Nowy skrót do wyświetlania szczegółów kadru
- Ulepszona obsługa debugowania CORS
- Zmienianie nazwy etykiety XHR na Pobieranie/XHR
- Filtrowanie typu zasobu Wasm w panelu Sieć
- Wskazówki dotyczące klienta User-Agent dla urządzeń na karcie Warunki sieci
- Zgłoś problemy z trybem Quirks na karcie Problemy
- Uwzględnienie w panelu Skuteczność kolizji obliczeń
- Lighthouse 7.5 w panelu Lighthouse
- Wycofane menu kontekstowe „Uruchom ponownie ramkę” w stosie wywołań
- [Experimental] Monitor protokołów
- [Funkcja eksperymentalna] Dyktafon lalek
- Wyświetlanie informacji o podstawowych wskaźnikach internetowych
- Nowe narzędzie do inspekcji pamięci
- Wizualizacja elementu CSS Scroll-snap
- Nowy panel ustawień plakietki
- Ulepszony podgląd obrazu z informacjami o współczynniku proporcji
- Przycisk nowych warunków sieci z opcją konfigurowania elementów
Content-Encoding
- skrót do wyświetlania obliczonej wartości
accent-color
słowo kluczowe- Kategoryzowanie typów problemów za pomocą kolorów i ikon
- Usuwanie tokenów zaufania
- Blokowanie funkcji w widoku szczegółów ramki
- Filtrowanie eksperymentów w ustawieniu Eksperymenty
- Nowa kolumna
Vary Header
w panelu Pamięć podręczna - Sprawdzanie marki prywatnej w JavaScript (pomoc)
- Ulepszona obsługa debugowania punktów przerwania
- Obsługa podglądu po najechaniu kursorem z wykorzystaniem notacji
[]
- Ulepszony zarys plików HTML
- Prawidłowe zrzuty stosu błędów na potrzeby debugowania Wasm
- Nowe narzędzia do debugowania flexboxa w CSS
- Nowa nakładka Podstawowe wskaźniki internetowe
- Przeniesiono liczbę problemów na pasek stanu konsoli
- Zgłaszanie problemów z zaufaną aktywnością w internecie
- Formatuj ciągi znaków jako (prawidłowe) literały ciągów JavaScript w konsoli
- Nowy panel tokenów zaufania w panelu aplikacji
- Emuluj funkcję multimedialną CSS „color-gamut”
- Ulepszenia narzędzi do obsługi progresywnych aplikacji internetowych
- Nowa kolumna
Remote Address Space
w panelu Sieć - Ulepszenia dotyczące wydajności
- Wyświetlanie funkcji dozwolonych/niedozwolonych w widoku Szczegóły ramki
- Nowa kolumna
SameParty
w panelu Pliki cookie - Wycofana niestandardowa obsługa
fn.displayName
- Wycofanie funkcji
Don't show Chrome Data Saver warning
z menu Ustawienia - [Funkcja eksperymentalna] Automatyczne zgłaszanie problemów z niskim kontrastem na karcie Problemy
- [Experimental] Pełny widok drzewa ułatwień dostępu w panelu Elementy
- Obsługa debugowania naruszeń zasad dotyczących zaufanych typów
- Zrób zrzut ekranu węzła poza widocznym obszarem
- Nowa karta Tokeny zaufania dla żądań sieciowych
- Lighthouse 7 w panelu Lighthouse
- Obsługa wymuszania stanu CSS
:target
- Nowy skrót do duplikatu elementu
- Selektory kolorów dla niestandardowych właściwości CSS
- Nowe skróty do kopiowania właściwości CSS
- Nowa opcja wyświetlania plików cookie zdekodowanych z adresu URL
- Usuwanie tylko widocznych plików cookie
- Nowa opcja czyszczenia plików cookie innych firm w panelu Miejsce na dane
- Edytowanie wskazówek dotyczących klienta użytkownika dotyczących urządzeń niestandardowych
- Utrzymywanie ustawień „Rejestruj dziennik sieci”
- Wyświetlanie połączeń WebTransport w panelu Sieć
- Nazwa „Online” została zmieniona na „Brak ograniczeń”
- Nowe opcje kopiowania w konsoli, panelu Źródła i panelu Style
- Nowe informacje o skryptach service worker w widoku szczegółów ramki
- Pomiar informacji o pamięci w widoku Szczegóły ramki
- Przesyłanie opinii z karty Problemy
- Utracone klatki w panelu Wydajność
- Emuluj urządzenia składane i dwuekranowe w trybie urządzenia
- [Funkcja eksperymentalna] Automatyzacja testowania przeglądarki za pomocą Puppeteer Recorder
- [Funkcja eksperymentalna] Edytor czcionek w panelu Style
- [Funkcja eksperymentalna] Narzędzia do debugowania CSS Flexbox
- [Funkcja eksperymentalna] Nowa karta Naruszenia CSP
- [Funkcja eksperymentalna] Nowy sposób obliczania kontrastu kolorów – zaawansowany algorytm kontrastu percepcyjnego (APCA)
- Szybsze uruchamianie Narzędzi deweloperskich
- Nowe narzędzia CSS do wizualizacji pod kątem kąta
- Emulowanie nieobsługiwanych typów obrazów
- Symuluj rozmiar limitu miejsca na dane w panelu Miejsce na dane
- Nowy poziom wskaźników internetowych w panelu Wydajność
- Zgłaszanie błędów CORS w panelu Sieć
- Informacje o izolacji zasobów z innych domen w widoku szczegółów ramki
- Nowe informacje o procesach Web Worker w widoku Szczegóły ramki
- Wyświetlanie szczegółów ramki otwierającej w otwartych oknach
- Otwórz panel Network (Sieć) z panelu Skrypty service worker
- Kopiowanie wartości właściwości
- Kopiowanie zrzutu stosu dla inicjatora sieci
- Wyświetl podgląd wartości zmiennej Wasm po najechaniu na nie kursorem myszy
- Ocenianie zmiennej Wasm w konsoli
- Spójne jednostki miary rozmiaru plików/pamięci
- Wyróżnianie pseudoelementów w panelu Elementy
- [Funkcja eksperymentalna] Narzędzia do debugowania CSS Flexbox
- [Funkcja eksperymentalna] Dostosowywanie skrótów klawiszowych akordów
- Nowe narzędzia do debugowania siatki CSS
- Nowa karta WebAuthn
- Przenoszenie narzędzi między górnym i dolnym panelem
- Nowy obliczony panel paska bocznego w panelu Style
- Grupowanie właściwości CSS w panelu Wynikowy
- Lighthouse 6.3 w panelu Lighthouse
performance.mark()
zdarzeń w sekcji Czasy- Nowe filtry
resource-type
iurl
w panelu Sieć - Aktualizacje widoku szczegółów ramki
- Wycofanie funkcji
Settings
z menu Więcej narzędzi - [Experimental] Wyświetlanie i rozwiązywanie problemów z kontrastem kolorów w panelu Przegląd CSS
- [Funkcja eksperymentalna] Dostosowywanie skrótów klawiszowych w Narzędziach deweloperskich
- Nowy panel multimediów
- Zrzuty ekranu węzła za pomocą menu kontekstowego panelu Elementy
- Aktualizacje karty Problemy
- Emulowanie brakujących czcionek lokalnych
- Naśladowanie nieaktywnych użytkowników
- Naśladowanie
prefers-reduced-data
- Obsługa nowych funkcji JavaScriptu
- Lighthouse 6.2 w panelu Lighthouse
- Wycofanie listy „inne źródła” z panelu Skrypty service worker
- Wyświetlanie podsumowania zasięgu odfiltrowanych elementów
- Nowy widok szczegółów ramki w panelu Aplikacja
- Dostępna propozycja koloru w panelu Style
- Ponownie włącz panel Właściwości w panelu Elementy
- Zrozumiałe dla człowieka
X-Client-Data
wartości nagłówków w panelu Sieć - Autouzupełnianie czcionek niestandardowych w panelu Style
- Spójne wyświetlanie typu zasobu w panelu Sieć
- Przyciski Wyczyść w panelach Elementy i Sieć
- Edytowanie stylów platform CSS-in-JS
- Lighthouse 6 w panelu Lighthouse
- Wycofanie wyrenderowania elementu znaczącego (FMP)
- Obsługa nowych funkcji JavaScriptu
- Nowe ostrzeżenia dotyczące skrótów aplikacji w panelu Manifestu
- Zdarzenia
respondWith
skryptu service worker na karcie Czas - Spójne wyświetlanie panelu Obliczonego
- Odsunięcia bajtowego kodu dla plików WebAssembly
- Kopiowanie i wycinanie w poziomie panelu Źródła
- Aktualizacje ustawień konsoli
- Aktualizacje panelu Wyniki
- Nowe ikony punktów przerwania, warunkowych punktów przerwania i punktów logowania
- Rozwiązywanie problemów z witryną na nowej karcie Problemy
- Wyświetlanie informacji o ułatwieniach dostępu w opisie trybu inspekcji
- Aktualizacje panelu Wyniki
- Bardziej dokładna terminologia w Konsoli
- Aktualizacje panelu Style
- Wycofanie panelu Właściwości z panelu Elementy
- Obsługa skrótów do aplikacji w panelu pliku manifestu
- Emulacja ślepoty barw
- Emuluj języki
- Debugowanie zasad umieszczania zasobów z innych domen (COEP)
- Nowe ikony punktów przerwania, warunkowych punktów przerwania i punktów logowania
- Wyświetlanie żądań sieciowych, które ustawiają określony plik cookie
- Zamocuj po lewej stronie menu poleceń
- Opcja Ustawienia w menu głównym została przeniesiona
- Panel Audits to teraz panel Lighthouse
- Usuwanie wszystkich zastąpień lokalnych z folderu
- Zaktualizowany interfejs długich zadań
- Obsługa ikon z możliwością maskowania w panelu Manifest
- Obsługa Moto G4 w trybie urządzenia
- Aktualizacje związane z plikami cookie
- Bardziej dokładne ikony manifestu aplikacji internetowej
- Najedź kursorem na właściwości CSS
content
, aby zobaczyć wartości bez zmiany znaczenia - Błędy mapy źródeł w konsoli
- Ustawienie wyłączania przewijania poza koniec pliku
- Obsługa deklaracji
let
iclass
w Konsoli - Ulepszenie debugowania WebAssembly
- Poproś o łańcuchy inicjatora na karcie Inicjator
- Zaznacz wybrane żądanie sieci w sekcji Omówienie
- Kolumny „Adres URL” i „Ścieżka” w panelu „Sieć”
- Zaktualizowane ciągi znaków klienta użytkownika
- Nowy interfejs konfiguracji panelu kontroli
- Tryby zasięgu kodu dla funkcji lub bloku
- Pokrycie kodu musi teraz być inicjowane przez ponowne załadowanie strony
- Ustalanie przyczyny zablokowania pliku cookie
- Wyświetlanie wartości plików cookie
- Symulowanie różnych ustawień prefers-color-scheme i prefers-reduced-motion
- Aktualizacje zakresu kodu
- Debugowanie przyczyny żądania zasobu sieciowego
- Panele Konsoli i Źródła ponownie uwzględniają ustawienia wcięć
- Nowe skróty do nawigacji kursorem
- Obsługa wielu klientów w panelu Kontrole
- Debugowanie modułu obsługi płatności
- Lighthouse 5.2 w panelu Audyty
- Największe wyrenderowanie treści w panelu Wydajność
- Problemy z używaniem Narzędzi deweloperskich w menu głównym
- Kopiowanie stylów elementów
- Wizualizacja przesunięć układu
- Lighthouse 5.1 w panelu Audyty
- Synchronizacja motywu systemu operacyjnego
- Skrót klawiszowy do otwierania edytora punktów przerwania
- Pobieranie z wyprzedzeniem pamięci podręcznej w panelu Sieć
- Właściwości prywatne podczas wyświetlania obiektów
- Powiadomienia i wiadomości push w panelu aplikacji
- Autouzupełnianie za pomocą wartości CSS
- Nowe UI ustawień sieci
- Wiadomości WebSocket w wyeksportowanych plikach HAR
- Przyciski importowania i eksportowania HAR
- Wykorzystanie pamięci w czasie rzeczywistym
- Numery portów rejestracji skryptu service worker
- Sprawdzanie zdarzeń pobierania w tle i synchronizacji w tle
- Puppeteer w Firefoxie
- Przydatne wstępnie zdefiniowane wartości podczas autouzupełniania funkcji CSS
- Czyszczenie danych witryny w menu poleceń
- Wyświetlanie wszystkich baz danych IndexedDB
- Wyświetlanie rozmiaru nieskompresowanego zasobu po najechaniu na niego kursorem
- Punkty przerwania wstawiane w tekście w panelu Punkty przerwania
- Liczba zasobów IndexedDB i pamięci podręcznej
- Ustawienie umożliwiające wyłączanie szczegółowej etykietki inspekcji
- Ustawienie przełączania wcięć w Edytorze
- Wyróżnianie wszystkich węzłów, na które wpływa właściwość CSS
- Lighthouse w wersji 4 w panelu Audyt
- Przeglądarka komunikatów binarnych WebSocket
- Zrzut ekranu obszaru w Menu poleceń
- Filtry mechanizmów Service Worker w panelu Sieć
- Aktualizacje panelu Wyniki
- Długie zadania w nagraniach w panelu skuteczności
- Pierwsze wyrenderowanie w sekcji Czas
- Wskazówka: skrót do wyświetlania kodów kolorów RGB i HSL (film)
- Punkty logowania
- Szczegółowe etykietki w trybie inspekcji
- Eksportowanie danych o zasięgu kodu
- Poruszanie się po konsoli za pomocą klawiatury
- Linia współczynnika kontrastu AAA w selektorze kolorów
- Zapisywanie niestandardowych ustawień geolokalizacji
- Zawijanie kodu
- Nazwa karty Ramki została zmieniona na kartę Wiadomości
- Dodatkowa wskazówka: filtrowanie panelu sieci według usługi (film)
- Wizualizacja danych o skuteczności w panelu Skuteczność
- Zaznacz węzły tekstowe w drzewie DOM
- Kopiowanie ścieżki JS do węzła DOM
- Aktualizacje panelu kontroli, w tym nowa kontrola wykrywająca biblioteki JS i nowe słowa kluczowe umożliwiające dostęp do panelu Kontrole z poziomu menu poleceń
- Wskazówka: użyj trybu urządzenia, aby sprawdzić zapytania dotyczące multimediów (film)
- Najedź kursorem na wynik Live Expression, aby podświetlić węzeł DOM.
- Przechowywanie węzłów DOM jako zmiennych globalnych
- Inicjator i informacje o priorytetach są teraz dostępne w importach i eksportach HAR
- Otwieranie menu poleceń z menu głównego
- Punkty przerwania obrazu w obrazie
- Dodatkowa wskazówka: użyj metody
monitorEvents()
, aby zarejestrować w konsoli zdarzenia uruchomione przez węzeł (film) - aktywnych wyrażeń w konsoli.
- Wyróżniaj węzły DOM podczas oceny Eager
- Optymalizacja panelu Skuteczność
- Bardziej niezawodne debugowanie
- Włączanie ograniczania wykorzystania sieci w menu poleceń
- Punkty przerwania warunkowego autouzupełniania
- Przerwa w zdarzeniach AudioContext
- Debugowanie aplikacji Node.js za pomocą ndb
- Dodatkowa wskazówka: mierz rzeczywiste interakcje użytkowników za pomocą interfejsu User Timing API
- Wartościowanie zachłanne
- Wskazówki dotyczące argumentów
- Autouzupełnianie funkcji
- Słowa kluczowe ES2017
- Lighthouse 3.0 w panelu Audyty
- Obsługa BigInt
- Dodawanie ścieżek właściwości do panelu Obserwowane
- Opcja „Pokaż sygnatury czasowe” przeniesiona do Ustawień
- Wskazówka: mniej znane metody konsoli (film)
- Wyszukiwanie we wszystkich nagłówkach sieci
- Podgląd wartości zmiennej w usłudze porównywania cen
- Kopiowanie jako pobranie
- Nowe kontrole, opcje konfiguracji komputerów i wyświetlanie logów czasu
- Zatrzymanie powtarzających się pętli
- Czas działań użytkownika na kartach Wyniki
- Instancje maszyn wirtualnych JavaScript wyraźnie widoczne w panelu Pamięć
- Nazwa karty Sieć została zmieniona na kartę Strona
- Aktualizacje ciemnego motywu
- Informacje o przejrzystości certyfikatu w panelu Zabezpieczenia
- Funkcje izolacji witryn w panelu Wydajność
- Dodatkowa wskazówka: panel Warstwy + Inspektor animacji (film)
- Czarne pudełko w panelu Sieć
- Automatyczne dostosowywanie powiększenia w trybie urządzenia
- Usuwanie precyzyjnego drukowania na kartach Podgląd i Odpowiedź
- Podgląd treści HTML na karcie Podgląd
- Obsługa lokalnych zastąpień dla stylów w kodzie HTML
- Wskazówka: skrypty frameworku Blackbox, które zwiększają przydatność punktów przerwania detektora zdarzeń
- Lokalne zastąpienia
- Nowe narzędzia ułatwiające dostępność
- Karta Zmiany
- Nowe kontrole SEO i wydajności
- Wiele nagrań w panelu Wydajność
- Niezawodne przechodzenie po kodzie za pomocą wątków w kodzie asynchronicznym
- Wskazówka: automatyzowanie działań w Narzędziach dewelopera za pomocą Puppeteer (film)
- Monitorowanie skuteczności
- Pasek boczny konsoli
- Grupowanie podobnych komunikatów w konsoli
- Wskazówka: przełącz pseudoklasę po najechaniu kursorem (film)
- Obsługa zdalnego debugowania na potrzeby wielu klientów
- Obszary robocze 2.0
- 4 nowe kontrole
- Symulowanie powiadomień push za pomocą danych niestandardowych
- Aktywowanie zdarzeń synchronizacji w tle za pomocą tagów niestandardowych
- Wskazówka: punkty przerwania detektora zdarzeń (film)
- Najważniejsze informacje w Konsoli
- Nowe procesy tworzenia zrzutów ekranu
- Wyróżnianie siatki CSS
- Nowy interfejs Console API do wysyłania zapytań do obiektów
- Filtry w nowej wersji konsoli
- Importowanie plików HAR w panelu Sieć
- Podgląd zasobów pamięci podręcznej dostępnych do podglądu
- Bardziej przewidywalne debugowanie pamięci podręcznej
- Pokrycie kodu na poziomie bloku
- Symulacja ograniczenia na urządzeniach mobilnych
- Wyświetlanie wykorzystania miejsca na dane
- Wyświetlanie odpowiedzi serwera usługi Service Worker w pamięci podręcznej
- Włączanie licznika klatek na sekundę w menu poleceń
- Ustawianie kółka myszy na powiększanie lub przewijanie
- Obsługa debugowania modułów ES6
- Nowy panel Audyty
- Plakietki innych firm
- Nowy gest „Przejdź do tego miejsca”
- Przejdź w tryb asynchroniczny
- Bardziej przydatne podglądowe obiekty w Konsoli
- Wybór bardziej szczegółowego kontekstu w konsoli
- Aktualizacje na żywo na karcie Zakres
- Prostsze opcje ograniczania wykorzystania sieci
- Asynchroniczne stosy są domyślnie włączone
- Pokrycie kodu CSS i JS
- Zrzuty ekranu całej strony
- Blokowanie próśb
- Koniec z asynchronizacją
- Menu Unified Command