Jecelyn Yeen
rejestrować zdarzenia dwukrotnego kliknięcia i kliknięcia prawym przyciskiem myszy w panelu Nagrywarka.
Panel Nagrywarka może teraz rejestrować zdarzenia kliknięcia dwukrotnego i kliknięcia prawym przyciskiem myszy.
W tym przykładzie rozpocznij nagrywanie i wykonaj te czynności:
- Kliknij dwukrotnie kartę, aby ją powiększyć
- Kliknij kartę prawym przyciskiem myszy i wybierz działanie z menu kontekstowego.
Aby dowiedzieć się, jak nagrywarka rejestruje te zdarzenia, rozwiń te czynności:
- Kliknięcie dwukrotne jest rejestrowane jako
type: doubleClick. - Zdarzenie kliknięcia prawym przyciskiem myszy jest rejestrowane jako
type: click, ale z właściwościąbuttonustawioną nasecondary. Wartośćbuttonnormalnego kliknięcia myszą toprimary.
Problemy z Chromium: 1300839, 1322879, 1299701, 1323688
Nowy okres i tryb migawki w panelu Lighthouse
Możesz teraz używać narzędzia Lighthouse do pomiaru wydajności witryny wykraczającej poza wczytywanie strony.
Panel Lighthouse obsługuje teraz 3 tryby pomiaru ścieżki użytkownika:
- Raporty Nawigacja analizują ładowanie pojedynczej strony. Nawigacja to najczęstszy typ raportu. Wszystkie raporty Lighthouse sprzed bieżącej wersji to raporty nawigacyjne.
- Raporty Okresy analizują dowolne okresy, zwykle obejmujące interakcje z użytkownikiem.
- Raporty migawek analizują strony w konkretnym stanie, zwykle po interakcji z użytkownikiem.
Załóżmy na przykład, że chcemy zmierzyć skuteczność dodawania produktów do koszyka na tej stronie demonstracyjnej. Wybierz tryb Przedział czasowy i kliknij Rozpocznij przedział czasowy. Przewiń stronę i dodaj kilka produktów do koszyka. Gdy skończysz, kliknij Zakończ przedział czasowy, aby wygenerować raport Lighthouse o interakcjach użytkownika.
Zapoznaj się z przepływami użytkownika w Lighthouse, aby dowiedzieć się więcej o niezwykłych zastosowaniach, zaletach i ograniczeniach poszczególnych trybów.
Problem z Chromium: 1291284
Aktualizacje Statystyk skuteczności
Ulepszone sterowanie powiększeniem w panelu Statystyki wydajności
Narzędzia dla programistów będą teraz powiększać obraz na podstawie kursora myszy, a nie pozycji odtwarzacza.Dzięki najnowszemu powiększaniu na podstawie kursora możesz przesunąć mysz w dowolne miejsce na ścieżce i od razu powiększyć wybrany obszar.
Otwórz Statystyki wydajności, aby dowiedzieć się, jak uzyskiwać przydatne statystyki i poprawiać wydajność witryny za pomocą tego panelu.
Problem z Chromium: 1313382
Potwierdź, że chcesz usunąć nagranie z występu
DevTools wyświetla teraz okno potwierdzenia przed usunięciem nagrania wydajności.
Problem z Chromium: 1318087
Zmienianie kolejności paneli w panelu Elementy
Możesz teraz zmieniać kolejność paneli w panelu Elementy zgodnie ze swoimi preferencjami.
Jeśli na przykład otworzysz DevTools na wąskim ekranie, panel Ułatwienia dostępu będzie ukryty pod przyciskiem Pokaż więcej. Jeśli często debugujesz problemy z ułatwieniami dostępu, możesz teraz przeciągnąć panel do przodu, aby mieć do niego łatwiejszy dostęp.
Problem z Chromium: 1146146
Wybieranie koloru poza przeglądarką
Narzędzia dla deweloperów obsługują teraz wybieranie kolorów poza przeglądarką. Wcześniej można było wybrać tylko kolor w przeglądarce.
W panelu Style kliknij dowolny podgląd koloru, aby otworzyć selektor kolorów. Użyj pipety, aby wybrać kolor z dowolnego miejsca.
Problem z Chromium: 1245191
Ulepszona podgląd wartości w tekście podczas debugowania
Debuger prawidłowo wyświetla podgląd wartości wbudowanych.
W tym przykładzie funkcja double ma parametr wejściowy a i zmienną x. Umieść punkt przerwania na wierszu return i uruchom kod. Podgląd w linii prawidłowo wyświetla wartości a i x. Wcześniej w podglądzie wbudowanym debuger nie wyświetlał wartości x.
Problem z Chromium: 1316340
Obsługa dużych blobów w przypadku wirtualnych mechanizmów uwierzytelniających
Na karcie WebAuthn znajduje się teraz nowe pole wyboru Obsługuje duże bloby dotyczące wirtualnych narzędzi uwierzytelniających.
To pole wyboru jest domyślnie wyłączone. Możesz go włączyć tylko w przypadku uwierzytelniania z protokołem ctap2, który obsługuje klucze rezydenta.
Problem z Chromium: 1321803
Nowe skróty klawiszowe w panelu Źródła
W panelu Źródła są teraz dostępne 2 nowe skróty klawiszowe:
- przełączanie panelu nawigacji (po lewej stronie) za pomocą Control / Command + Shift + Y,
- Przełącz panel debugera (po prawej stronie) za pomocą klawiszy Control / Command + Shift + H.
Problemy z Chromium: 1226363
Ulepszenia map źródłowych
Wcześniej deweloperzy doświadczali losowych awarii podczas:
- Debugowanie na przykładzie Codepen
- Identyfikowanie źródła problemów ze skutecznością na przykładzie Codepen
- Brak karty Składnik, gdy włączone są Narzędzia deweloperskie React
Oto kilka poprawek map źródeł, które poprawiają ogólne działanie debugowania:
- Prawidłowe mapowanie między lokalizacją a przesunięciem w przypadku osadzonych skryptów i źródłowej lokalizacji
- Używanie informacji zastępczych do określenia lokalizacji tekstu w ramce
- Prawidłowo rozwiązywać adresy URL względne za pomocą adresu URL ramki
Problemy z Chromium: 1319828, 1318635, 1305475
Pobieranie kanałów podglądu
Rozważ użycie jako domyślnej przeglądarki deweloperskiej przeglądarki Chrome w wersji Canary, Dev lub Beta. 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 Narzędzi deweloperskich w Chrome
Aby omówić nowe funkcje, aktualizacje lub inne kwestie związane z Narzędziami deweloperskimi, skorzystaj z tych opcji.
- Przesyłaj 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.
- Wyślij tweeta do @ChromeDevTools.
- Dodaj komentarze do filmów w YouTube z serii „Co nowego w Narzędziach deweloperskich” lub Wskazówki dotyczące Narzędzi deweloperskich.
Co nowego w Narzędziach deweloperskich
Lista wszystkich tematów omawianych w cyklu artykułów Co nowego w Narzędziech deweloperskich.
- Stała historia czatu z AI
- Ulepszenia wydajności
- Statystyki wyświetlania zdjęć
- Klasyczna i nowocześniejsza nawigacja za pomocą klawiatury
- Ignorowanie nieistotnych skryptów na diagramie płomienia
- Wyróżnianie markera i zakresu na osi czasu po najechaniu kursorem
- Zalecane ustawienia ograniczania przepustowości
- Oznaczenia czasu w nakładce
- Ścieżki wywołań JS w podsumowaniu
- Ustawienia plakietki zostały przeniesione do menu w sekcji Elementy
- Nowy panel „Nowości”
- Lighthouse 12.3.0
- Różne najciekawsze
- Debugowanie żądań sieciowych, plików źródłowych i wyników śledzenia wydajności za pomocą Gemini
- Wyświetlanie historii czatu z AI
- Zarządzanie miejscem na dane rozszerzeń w sekcji Aplikacja > Miejsce na dane
- Ulepszenia wydajności
- Fazy interakcji w danych na żywo
- Informacje o blokowaniu renderowania na karcie Podsumowanie
- Obsługa zdarzeń scheduler.postTask i ich strzałek inicjatora
- Ulepszenia panelu Animacje i karty Elementy > Style
- Przejdź z sekcji Elementy > Style do sekcji Animacje
- Aktualizacje na karcie Obliczenia
- Obliczanie emulacji ciśnienia w Sensors
- obiekty JS o tej samej nazwie zgrupowane według źródła w panelu Pamięć
- Nowy wygląd ustawień
- Panel Statystyki wydajności został wycofany i usunięty z Narzędzi deweloperskich
- Różne najciekawsze
- Debugowanie kodu CSS za pomocą Gemini
- Zarządzanie funkcjami AI na specjalnej karcie ustawień
- Ulepszenia panelu skuteczności
- Adnotacje i udostępnianie wyników analizy skuteczności
- Statystyki wydajności dostępne bezpośrednio w panelu Wydajność
- Łatwiej wykrywać nadmierne przesunięcia układu
- Jak rozpoznać nieskomponowane animacje
- Równoczesne działanie sprzętu przenosi się do czujników
- Zignoruj skrypty anonimowe i skup się na swoim 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
- Różne najciekawsze
- Ulepszenia panelu sieci
- Filtry sieciowe w nowej odsłonie
- Eksportowanie plików HAR z wykluczeniem danych poufnych domyślnie
- Ulepszenia panelu Elementy
- Wartości autouzupełniania w przypadku właściwości text-emphasis-*
- Przepełnienie przewijania oznaczone plakietką
- Ulepszenia panelu skuteczności
- Zalecenia w danych na żywo
- Przeglądanie menu nawigacyjnego
- Ulepszenia panelu Pamięć
- Nowy profil „Odłączone elementy”
- Ulepszony system nazewnictwa prostych obiektów JS
- Wyłączanie motywów dynamicznych
- Eksperyment w Chrome: udostępnianie procesów
- Lighthouse 12.2.1
- Różne najciekawsze
- Nagrywarka obsługuje eksport do Puppeteer w Firefoxie
- Ulepszenia panelu skuteczności
- Obserwacje danych na żywo
- Żądania wyszukiwania na ścieżce Sieć
- Wyświetlanie ścieżek wywołań funkcji performance.mark i performance.measure
- Używanie danych testowych adresów w panelu autouzupełniania
- Ulepszenia panelu Elementy
- Wymuszenie większej liczby stanów dla określonych elementów
- Elementy > Style: funkcja autouzupełniania obejmuje teraz więcej właściwości siatki
- Lighthouse 12.2.0
- Różne najciekawsze
- Statystyki konsoli Gemini są dostępne w większości krajów europejskich
- Aktualizacje panelu Wyniki
- Ulepszona ścieżka sieciowa
- Dostosowywanie danych o skuteczności za pomocą interfejsu API do rozszerzania
- Szczegóły w śladzie Czas wczytywania
- Skopiuj wszystkie żądania wymienione w panelu Sieć
- Szybsze migawki stosu z nazwami tagów HTML i mniej bałaganu
- Otwórz panel Animacje, aby rejestrować animacje i edytować @keyframes na żywo
- Lighthouse 12.1.0
- Ulepszenia ułatwień dostępu
- Różne najciekawsze
- Sprawdzanie pozycji kotwicy CSS w panelu Elementy
- Ulepszenia panelu źródeł
- Rozszerzona funkcja „Nigdy nie wstrzymuj w tym miejscu”
- Nowe detektory zdarzeń przesunięcia obrazu
- Ulepszenia panelu sieci
- Zaktualizowane gotowe ustawienia ograniczania przepustowości sieci
- Informacje o usługach w polach niestandardowych w formatach HAR
- Wysyłanie i odbieranie zdarzeń WebSocket w panelu Wydajność
- Różne najciekawsze
- Ulepszenia panelu skuteczności
- Przenoszenie i ukrywanie ścieżek w zaktualizowanym trybie konfiguracji ścieżki
- Ignorowanie skryptów na wykresie płomienistym
- Ograniczenie wykorzystania procesora 20-krotnie
- Wycofanie panelu Statystyki wydajności
- Znajdowanie nadmiernego wykorzystania pamięci dzięki nowym filtrom w migawkach sterty
- Sprawdzanie zasobników danych w sekcji Aplikacja > Miejsce na dane
- Wyłączanie ostrzeżeń dotyczących XSS-a za pomocą flagi wiersza poleceń
- Lighthouse 12.0.0
- Różne najciekawsze
- Więcej informacji o błędach i ostrzeżeniach 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
- Zarządzanie odrzuconymi obietnicami jest uznawane za wykrycie
- Przyczyny błędów w Konsoli
- Ulepszenia panelu sieci
- Sprawdzanie nagłówków wczesnych wskazówek
- Ukrywanie kolumny Kaskada
- Ulepszenia panelu skuteczności
- Zapisywanie statystyk selektora arkusza CSS
- Zmienianie kolejności i ukrywanie utworów
- Ignorowanie elementów zatrzymywania w panelu Pamięć
- Lighthouse 11.7.1
- Różne najciekawsze
- Nowy panel autouzupełniania
- Ulepszone ograniczanie przepustowości sieci w przypadku WebRTC
- Obsługa animacji sterowanych przez przewijanie w panelu Animacje
- Ulepszony obsługa zagnieżdżania CSS w sekcji Elementy > Style
- Panel Zwiększona skuteczność
- Ukrywanie funkcji i ich elementów podrzędnych na wykresie płomienia
- Strzałki od wybranych inicjatorów do zdarzeń, które zostały przez nich zainicjowane
- Lighthouse 11.6.0
- Etykiety w sekcji Pamięć > Zrzuty sterty
- Aplikacja > Aktualizacje miejsca na dane
- Bajty wykorzystane na współdzielonym miejscu na dane
- Web SQL został całkowicie wycofany
- Ulepszenia panelu zasięgu
- Panel Warstwy może zostać wycofany
- Wycofanie programu profilującego JavaScript: etap 4, ostatni
- Różne najciekawsze
- Znajdź pisankę
- Aktualizacje panelu Elementy
- Emuluj zaznaczoną stronę w sekcji Elementy > Style
- Selektor kolorów, zegar kątowy i edytor wygładzania w
var() - Wycofanie narzędzia do określania długości w CSS
- Okno podglądu wybranego wyniku wyszukiwania w sekcji Wydajność > Główna ścieżka
- Aktualizacje panelu sieci
- Przycisk Wyczyść i filtr wyszukiwania na karcie Sieć > EventStream
- Etykiety z przyczynami wyłączenia z obowiązku plików cookie innych firm w sekcji Sieć > Pliki cookie
- Włączanie i wyłączanie wszystkich punktów przerwania w źródłach
- Wyświetlanie załadowanych skryptów w narzędziach deweloperskich w Node.js
- Lighthouse 11.5.0
- Ulepszenia ułatwień dostępu
- Różne najciekawsze
- Oficjalna kolekcja rozszerzeń Dyktafonu jest już dostępna
- Ulepszenia sieci
- Powód niepowodzenia w kolumnie Stan
- Ulepszony menu Copy
- Ulepszenia wydajności
- Menu nawigacyjne na osi czasu
- Inicjatorzy zdarzeń na ścieżce głównej
- Menu selektora instancji maszyny wirtualnej JavaScript w Narzędziach deweloperskich Node.js
- Nowy skrót i polecenie w źródłach
- Ulepszenia elementów
- Pseudoelement ::view-transition można teraz edytować w sekcji Styli
- 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
- Różne najciekawsze
- Ulepszenia elementów
- Uproszczony pasek filtrowania w panelu Sieć
@font-palette-valueszespołem pomocy- Obsługiwany przypadek: usługa niestandardowa jako usługa zastępcza innej usługi niestandardowej
- Ulepszona obsługa map źródeł
- Ulepszenia panelu skuteczności
- 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 sieci
- Nowe opcje menu poleceń umożliwiające dodawanie i usuwanie wzorów blokowania żądań
- Eksperyment dotyczący naruszeń CSP został usunięty
- Lighthouse 11.3.0
- Ulepszenia ułatwień dostępu
- Różne najciekawsze
- Wycofanie się z plików cookie innych firm
- Analizować pliki cookie witryny za pomocą rozszerzenia Privacy Sandbox Analysis Tool
- Ulepszona funkcja ignorowania informacji o produkcie
- Domyślny wzór wykluczenia dla node_modules
- Wyjątki przechwycone teraz przerywają wykonywanie kodu, jeśli są przechwycone lub przekazywane przez kod nieignorowany
- Nazwę
x_google_ignoreListzmieniono naignoreListw mapach źródeł - Nowy przełącznik trybu wprowadzania podczas debugowania zdalnego
- Panel Elementy zawiera teraz adresy URL węzłów #document
- 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
- Nowy identyfikator służbowy dla aplikacji
<audio>i<video> - Zmiana nazwy wstępnego wczytywania na ładowanie spekulacyjne
- Lighthouse 11.2.0
- Ulepszenia ułatwień dostępu
- Różne najciekawsze
- Ulepszony blok @property w sekcji 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
- Użyj ładnego formatowania wbudowanego JSON-a 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 obrazu zrzutu ekranu w sekcji Aplikacja > Manifest
- Różne najciekawsze
- Nowa sekcja właściwości niestandardowych w sekcji Elementy > Style
- Więcej ulepszeń dotyczących zastąpień lokalnych
- Ulepszone wyszukiwanie
- Ulepszone źródła
- Uproszczony obszar roboczy w panelu Źródła
- Zmienianie kolejności paneli w sekcji Źródła
- Wyróżnianie składni i estetyczne wyświetlanie kodu w przypadku większej liczby typów skryptów
- Emuluj funkcję mediów „prefers-reduced-transparency”
- Lighthouse 11
- Ulepszenia ułatwień dostępu
- Różne najciekawsze
- Ulepszenia panelu sieci
- Jeszcze szybsze zastępowanie treści internetowych lokalnie
- Zastępowanie treści żądań XHR i pobierania
- Ukrywanie żądań rozszerzeń do Chrome
- Kod stanu HTTP w formie czytelnej dla człowieka
Użyj ładnego formatowania odpowiedzi w przypadku podtypów JSON
Skuteczność: sprawdzanie zmian priorytetu pobierania zdarzeń sieciowych
- Ustawienia źródeł włączone domyślnie: zwijanie kodu i automatyczne wyświetlanie plików
- Ulepszony debugowanie problemów z plikami cookie innych firm
- Nowe kolory
- Lighthouse 10.4.0
- Debugowanie wstępnego wczytywania w panelu Aplikacja
- Rozszerzenie do debugowania WebAssembly w C/C++ dla Narzędzi deweloperskich jest teraz dostępne jako oprogramowanie open source
- Różne najciekawsze
- (Experimental) Nowa emulacja renderowania: prefers-reduced-transparency
- (Experimental) Enhanced Protocol monitor
- Ulepszony debugowanie brakujących arkuszy stylów
- Obsługa liniowego ustawiania czasu w sekcji Elementy > Style > Edytor wygładzania
- Obsługa zasobów i widok metadanych
- Lighthouse 10.3.0
- Ułatwienia dostępu: polecenia klawiaturowe i ulepszone odczytywanie ekranu
- Różne najciekawsze
- Ulepszenia elementów
- Nowa plakietka subgridu usługi porównywania cen
- Specyfika selektora w etykiecie
- Wartości niestandardowych właściwości CSS w tooltipach
- Ulepszenia dotyczące źródeł
- Podświetlanie składni CSS
- Skrót do ustawiania warunkowych punktów przerwania
- Aplikacja > Łagodzenie śledzenia przekierowań
- Lighthouse 10.2.0
- Ignorowanie domyślnie skryptów treści
- Sieć > Ulepszenia odpowiedzi
- Różne najciekawsze
- Obsługa debugowania WebAssembly
- Ulepszony sposób obsługi kroków w aplikacjach Wasm
- Debugowanie autouzupełniania za pomocą panelu Elementy i karty Problemy
- Asercje 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: etap 3
- Różne najciekawsze
- Zastępowanie nagłówków odpowiedzi sieci
- Ulepszenia dotyczące debugowania w Nuxt, Vite i Rollup
- Ulepszenia CSS w sekcji 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 Enter
- Menu poleceń podkreśla pliki z autorskimi zmianami
- Wycofanie programu profilującego JavaScript: etap 2
- Różne najciekawsze
- Aktualizacje dotyczące funkcji nagrywania
- Rozszerzenia odtwarzania w dyktafonie
- Nagrywanie z selektorami przebijania
- Eksportowanie nagrań jako skryptów Puppeteer z analizą Lighthouse
- Pobierz rozszerzenia 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ęto wycofywanie programu profilującego JavaScript
- Emulacja zmniejszonego kontrastu
- Lighthouse 10
- Różne najciekawsze
- 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
- Organizowanie pamięci podręcznej w panelu Aplikacje
- Różne najciekawsze
- Wyczyszczanie panelu skuteczności po odświeżeniu
- Aktualizacje dotyczące funkcji nagrywania
- Wyświetlanie i wyróżnianie kodu ścieżki użytkownika w Recorderze
- Dostosowywanie typów selektorów nagrania
- Edytowanie procesu rejestracji użytkownika podczas nagrywania
- Automatyczne wyświetlanie informacji na miejscu
- Lepsze podświetlanie składni i podgląd wstawiany w tekście w przypadku Vue, SCSS i innych
- Wygodny i spójny autouzupełniacz w Konsoli
- Różne najciekawsze
- 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
- Ulepszony debugowanie kodu JavaScript
- Różne najciekawsze
- [Experimental] Ulepszona obsługa interfejsu użytkownika w przypadku zarządzania punktami przełamania
- [Experimental] Automatyczne formatowanie na miejscu
- Wskazówki dotyczące nieaktywnych właściwości CSS
- Automatyczne wykrywanie selektorów XPath i tekstu w panelu Dyktafon
- Przeglądanie wyrażeń rozdzielonych przecinkami
- Ulepszona konfiguracja listy ignorowanych
- Różne najciekawsze
- Dostosowywanie skrótów klawiszowych w Narzędziach deweloperskich
- Przełączanie motywów jasnego i ciemnego za pomocą skrótu klawiszowego
- Wyróżnianie obiektów C/C++ w narzędziu do inspekcji pamięci
- Obsługa pełnych informacji o inicjatorze w przypadku importu HAR
- Rozpocznij wyszukiwanie DOM po naciśnięciu
Enter - Wyświetlanie ikon
startiendw przypadku właściwościalign-contentflexbox w kodzie CSS - Różne najciekawsze
- Grupowanie plików według autora lub wdrożenia w panelu Źródła
- Połączone zrzuty stosu w przypadku operacji asynchronicznych
- Automatyczne ignorowanie znanych skryptów innych firm
- Ulepszona obsługa wywołań podczas debugowania
- Ukrywanie źródeł z listy ignorowanych w panelu Źródła
- Ukrywanie plików z listy ignorowanych w Menu poleceń
- Nowy panel Interakcje w panelu Wyniki
- Podział czasu LCP w panelu Statystyki wydajności
- Automatyczne generowanie domyślnej nazwy nagrań w panelu Dyktafon
- Różne najciekawsze
- 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
- Identyfikowanie błysków tekstu (FOIT, FOUT) jako potencjalnych głównych przyczyn przesunięć układu
- Moduły obsługi protokołów w panelu Manifest
- Plakietka najwyższej warstwy 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 najciekawsze
- Uruchom ponownie ramkę podczas debugowania
- Opcje powtarzania w zwolnionym tempie na panelu Dyktafon
- Tworzenie rozszerzenia dla panelu Dyktafon
- Grupowanie plików według autora lub wdrożenia w panelu Źródła
- Nowy widok Czas 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
- Ulepszenia autouzupełniania sugestii dla obiektów JavaScriptu
- Ulepszenia map źródeł
- Różne najciekawsze
- Rejestrowanie zdarzeń podwójnego kliknięcia i kliknięcia prawym przyciskiem myszy w panelu Rejestrator
- Nowy tryb okresu i migawki w panelu Lighthouse
- Ulepszony mechanizm powiększania w panelu Statystyki wydajności
- Potwierdź usunięcie nagrania z testu
- Zmienianie kolejności paneli w panelu Elementy
- Wybieranie koloru poza przeglądarką
- Ulepszona podgląd wartości w tekście podczas debugowania
- Obsługa dużych blobów w przypadku wirtualnych narzędzi 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 emulowania motywów jasnego i ciemnego
- Ulepszony poziom zabezpieczeń na karcie Podgląd sieci
- Ulepszenie ponownego wczytywania w miejscu punktu przerwania
- Aktualizacje konsoli
- Anulowanie rejestrowania ścieżki użytkownika na początku
- Wyświetlanie odziedziczonych pseudoelementów wyróżnień w panelu Style
- Różne najciekawsze
- [Experimental] Copy CSS changes
- [Experimental] Picking color outside of browser
- Importowanie i eksportowanie zarejestrowanych ścieżek użytkownika jako plików JSON
- Wyświetlanie warstw kaskadowych w panelu Styli
- Obsługa funkcji koloru
hwb() - Ulepszony wyświetlacz właściwości prywatnych
- Różne najciekawsze
- [Experimental] Nowy tryb okresu i migawki w panelu Lighthouse
- Wyświetlanie i edytowanie reguł @supports w panelu Style
- Obsługa typowych selektorów domyślnie
- Dostosowywanie selektora nagrywania
- Zmienianie nazwy nagrania
- Podgląd właściwości zajęć lub funkcji po najechaniu kursorem
- Częściowo widoczne klatki w panelu Wydajność
- Różne najciekawsze
- Ograniczanie liczby żądań WebSocket
- Nowy panel interfejsu Reporting API w panelu Aplikacja
- Poczekaj, aż element będzie widoczny lub klikalny w panelu Recorder
- Lepsze stylizowanie, formatowanie i filtrowanie konsoli
- Debugowanie rozszerzenia do Chrome za pomocą plików map źródeł
- Ulepszona struktura folderów źródeł w panelu Źródła
- Wyświetlanie plików źródłowych wyświetlacza w panelu Źródła
- Automatyczne aktualizacje ciemnego motywu w Chrome
- Wybór kolorów i panel podzielony na dwie części dotykowe
- Różne najciekawsze
- Funkcja podglądu: drzewo ułatwień dostępu na całej stronie
- Bardziej szczegółowe zmiany na karcie Zmiany
- Ustawianie dłuższego limitu czasu nagrywania procesu 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”
- Pokazuj linijki pod kursorem myszy
- Obsługa
row-reverseicolumn-reversew edytorze Flexbox - Nowe skróty klawiszowe do odtwarzania XHR i rozwijania wszystkich wyników wyszukiwania
- Lighthouse 9 w panelu Lighthouse
- Ulepszone źródła
- Różne najciekawsze
- [Eksperymentalnie] Punkty końcowe w panelu interfejsu Reporting API
- Funkcja podglądu: nowy panel Rejestratora
- Odświeżanie listy urządzeń w trybie urządzenia
- Autouzupełnianie za pomocą 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”
- Emulowanie funkcji automatycznego ciemnego motywu w Chrome
- Kopiowanie deklaracji jako kodu JavaScript w panelu Style
- Karta Nowy ładunek w panelu Sieć
- Ulepszony wyświetlacz właściwości w panelu Właściwości
- Opcja ukrywania błędów CORS w konsoli
- Właściwe wyświetlanie i ocena obiektów
Intlw Konsoli - Zgodne z zasadami asynchroniczne zrzuty stosu
- Zachowaj pasek boczny konsoli
- Wycofany panel Pamięć podręczna aplikacji w panelu Aplikacja
- [Eksperymentalnie] Nowy panel interfejsu Reporting API w panelu Aplikacja
- Nowe narzędzia do tworzenia usług porównywania cen
- Ukrywanie problemów 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ń w Narzędziach deweloperskich
- Korzystanie z 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 zapytania o kontener CSS
- Nowe pole wyboru do odwracania filtrów sieciowych
- Wycofanie paska bocznego konsoli
- Wyświetlanie nieprzetworzonych nagłówków
Set-Cookiesna karcie Problemy i w panelu Sieć - Spójne wyświetlanie natywnych interfejsów dostępu jako własnych usług w Konsoli
- Właściwe dane śledzenia stosu błędów w przypadku skryptów wbudowanych z #sourceURL
- Zmienianie formatu koloru w panelu Obliczone
- Zastępowanie niestandardowych etykiet narzędzia tymi wbudowanymi w HTML
- [Experimental] Hide issues in the Issues tab
- Edytowalne zapytania kontenera CSS w panelu Stylów
- Podgląd pakietu w panelu Sieć
- Debugowanie interfejsu Attribution Reporting API
- Lepsze obsługiwanie ciągów znaków w Konsoli
- Ulepszony debugowanie CORS
- Lighthouse 8.1
- URL nowej notatki na panelu Manifest
- Poprawiono selektory pasujące do arkusza CSS
- Formatowanie odpowiedzi JSON w panelu sieci
- Edytor siatki CSS
- Obsługa deklaracji
constw 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 użytkownika na karcie Stan sieci
- Zgłoś problemy z trybem Quirks na karcie Problemy
- Uwzględnianie w panelu Skuteczność kolizji obliczeń
- Lighthouse 7.5 w panelu Lighthouse
- Wycofane menu kontekstowe „Restart frame” w zestawie wywołań
- [Experimental] Monitor protokołów
- [Experimental] Puppeteer Recorder
- Pop-up z informacjami o podstawowych wskaźnikach internetowych
- Nowe narzędzie do inspekcji pamięci
- Wizualizacja funkcji CSS „snap-to-scroll”
- Nowy panel ustawień plakietki
- Ulepszony podgląd obrazu z informacjami o współczynniku proporcji
- Nowy przycisk warunków sieci z opcjami konfiguracji
Content-Encoding - skrót do wyświetlania obliczonej wartości
accent-colorsłowo kluczowe- Kategoryzowanie typów problemów za pomocą kolorów i ikon
- Usuwanie tokenów zaufania
- Zablokowane funkcje w widoku Szczegóły ramki
- Filtrowanie eksperymentów w ustawieniu Eksperymenty
- Nowa kolumna
Vary Headerw panelu Pamięć podręczna - Sprawdzanie marki prywatnej w JavaScript (obsługa)
- Ulepszona obsługa debugowania punktów przerwania
- Obsługa podglądu po najechaniu kursorem z wykorzystaniem notacji
[] - Ulepszony zarys plików HTML
- Właściwe zrzuty stosu błędów do debugowania Wasm
- Nowe narzędzia do debugowania flexboxa w CSS
- Nowa nakładka Core Web Vitals
- Liczba problemów przeniesiona na pasek stanu w Konsoli
- Zgłoś problemy z zaufaną aktywnością w internecie
- Formatowanie ciągów znaków jako (prawidłowych) ciągów znakó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 Spacew panelu Sieć - Ulepszenia wydajności
- Wyświetlanie funkcji dozwolonych/zabronionych w widoku Szczegóły ramki
- Nowa kolumna
SamePartyw panelu Pliki cookie - Wycofana niestandardowa obsługa
fn.displayName - Wycofanie
Don't show Chrome Data Saver warningz menu Ustawienia - [Experimental] Automatyczne zgłaszanie problemów związanych z niskim kontrastem na karcie Problemy
- [Funkcja eksperymentalna] Pełny widok drzewa ułatwień dostępu w panelu Elementy
- Obsługa debugowania naruszeń zasad dotyczących zaufanych typów
- Zrzut ekranu węzła poza obszarem widoku
- Nowa karta „Tokeny zaufania” dla żądań sieciowych
- Lighthouse 7 w panelu Lighthouse
- Obsługa wymuszania stanu
:targetusługi porównywania cen - Nowy skrót do duplikowania elementów
- Selektory kolorów do 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 usuwania plików cookie innych firm w panelu Pamięć
- Edytowanie wskazówek dotyczących klienta użytkownika w przypadku 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 usługach workerów w widoku Szczegóły ramki
- Pomiar informacji o pamięci w widoku Szczegóły ramki
- Przesyłanie opinii na karcie Problemy
- Utracone klatki w panelu Wydajność
- Naśladowanie składanego urządzenia i urządzenia z dwoma ekranami w trybie urządzenia
- [Experimental] Automatyzacja testowania przeglądarki za pomocą narzędzia Puppeteer Recorder
- [Eksperymentalnie] Edytor czcionek w panelu Stylów
- [Experimental] Narzędzia do debugowania flexboxa w CSS
- [Experimental] Nowa karta Naruszenia CSP
- [Experimental] Nowe obliczanie kontrastu kolorów – zaawansowany algorytm percepcji kontrastu (APCA)
- Szybsze uruchamianie Narzędzi deweloperskich
- Nowe narzędzia do wizualizacji kąta w usłudze porównywania cen
- Emulowanie nieobsługiwanych typów obrazów
- Symulowanie rozmiaru limitu miejsca na dane w panelu Miejsce na dane
- Nowa ścieżka podstawowych wskaźników internetowych w panelu Skuteczność
- Zgłaszanie błędów CORS w panelu Sieć
- Informacje o izolacji między domenami w widoku Szczegóły ramki
- Nowe informacje o procesach Web Worker w widoku Szczegóły ramki
- Wyświetlanie szczegółów ramki otwierającej w otwartych oknach
- Otwieranie panelu Sieć z panelu Service Workers
- Kopiowanie wartości właściwości
- Kopiowanie zrzutu stosu dla inicjatora sieci
- Podgląd wartości zmiennej Wasm po najechaniu kursorem na element
- Sprawdzanie zmiennej Wasm w Konsoli
- Jednolite jednostki miary rozmiarów plików i pamięci
- Wyróżnianie pseudoelementów w panelu Elementy
- [Experimental] Narzędzia do debugowania Flexboxa w CSS
- [Experimental] Dostosowywanie skrótów klawiszowych akordów
- Nowe narzędzia do debugowania siatki CSS
- Nowa karta WebAuthn
- Przenoszenie narzędzi między górnym a dolnym panelem
- Nowy pasek boczny stylów wynikowych na pasku bocznym stylów
- Grupowanie właściwości CSS w panelu Wynikowy
- Lighthouse 6.3 w panelu Lighthouse
performance.mark()w sekcji Czasy- Nowe filtry
resource-typeiurlw panelu Sieć - Aktualizacje widoku szczegółów klatki
- Wycofanie funkcji
Settingsz menu Więcej narzędzi - [Experimental] Wyświetlanie i rozwiązywanie problemów z kontrastem kolorów w panelu Przegląd CSS
- [Experimental] Dostosowywanie skrótów klawiszowych w Narzędziach deweloperskich
- Panel Nowe media
- Zrzuty ekranu węzła za pomocą menu kontekstowego panelu Elementy
- Aktualizacje na karcie Problemy
- Naśladowanie 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” w panelu Skrypty service worker
- Wyświetlanie podsumowania zakresu ochrony w przypadku przefiltrowanych 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-Datawartości nagłówków w panelu Sieć - Autouzupełnianie niestandardowych czcionek w panelu Style
- Spójne wyświetlanie typu zasobu w panelu Sieć
- przyciski Wyczyść w panelach Elementy i Sieć,
- Edytowanie stylów w ramkach CSS-in-JS
- Lighthouse 6 w panelu Lighthouse
- Wycofanie pomiaru Pierwsze wyrenderowanie elementu znaczącego (FCP)
- Obsługa nowych funkcji JavaScriptu
- Nowe ostrzeżenia dotyczące skrótów aplikacji w panelu Manifestu
- Zdarzenia związane z usługą
respondWithna karcie Czas - Spójne wyświetlanie panelu Obliczenia
- Odsunięcia bajtowego kodu dla plików WebAssembly
- Kopiowanie i wycinanie wierszy w panelu źródeł
- 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 sprawdzania
- 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 aplikacji w panelu Manifest
- Emulacja ślepoty barw
- Naślaj ustawienia języka
- 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 Audyt jest teraz panelem Lighthouse
- Usuwanie wszystkich zastąpień lokalnych w folderze
- 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 dotyczące plików cookie
- Bardziej dokładne ikony w manifeście aplikacji internetowej
- Najedź na właściwości CSS
content, aby wyświetlić nieunikowane wartości - Błędy mapy źródłowej w konsoli
- Ustawienie wyłączające przewijanie po końcu pliku
- Obsługa deklaracji
leticlassw Konsoli - Ulepszenie debugowania WebAssembly
- Wyślij prośbę 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 Audyt
- Tryby pokrycia kodu według funkcji lub według bloku
- Pokrycie kodu musi być teraz 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 dotyczące pokrycia kodu
- Debugowanie powodu żądania zasobu sieciowego
- Panele Konsola i Źródła ponownie uwzględniają ustawienia wcięcia
- Nowe skróty do nawigacji kursorem
- Obsługa multikont klientów w panelu Audyt
- Debugowanie modułu Payment Handler
- Lighthouse 5.2 w panelu Audyty
- Największe wyrenderowanie treści w panelu Wydajność
- Zgłaszanie problemów z Narzędziami deweloperskimi 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
- Pamięć podręczna pobierania z wyprzedzeniem w panelu Sieć
- Właściwości prywatne podczas wyświetlania obiektów
- Powiadomienia i powiadomienia 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
- Wykres wykorzystania 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 zasobu bez kompresji po najechaniu kursorem
- Punkty przerwania wstawiane w tekście w panelu Punkty przerwania
- Liczba zasobów IndexedDB i pamięci podręcznej
- Ustawienie wyłączające szczegółową etykietkę inspekcji
- Ustawienie przełączania wcięć w Edytorze
- Wyróżnianie wszystkich węzłów dotkniętych przez właściwość CSS
- Lighthouse w wersji 4 w panelu Audyt
- przeglądarka wiadomości binarnych WebSocket,
- Zrzut ekranu obszaru w Menu poleceń
- Filtry usługi 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 etykiety w trybie inspekcji
- Eksportowanie danych o zasięgu kodu
- Nawigowanie po Konsoli za pomocą klawiatury
- Współczynnik kontrastu AAA w selektorze kolorów
- Zapisywanie niestandardowych ustawień geolokalizacji
- Zawijanie kodu
- Zmieniono nazwę karty Ramki na kartę Wiadomości
- Wskazówka: filtrowanie panelu Sieć według obiektu (film)
- Wyświetlanie danych o skuteczności w panelu Skuteczność
- Zaznacz węzły tekstowe w drzewie DOM
- Skopiuj ścieżkę JS do węzła DOM
- aktualizacje panelu kontroli, w tym nową kontrolę, która wykrywa biblioteki JS, oraz nowe słowa kluczowe umożliwiające dostęp do panelu kontroli z menu poleceń.
- Wskazówka: użyj trybu urządzenia, aby sprawdzić zapytania dotyczące multimediów (film)
- Najedź kursorem na wynik wyrażenia na żywo, aby wyróżnić węzeł DOM
- Zapisywanie węzłów DOM jako zmiennych globalnych
- Informacje o inicjatorze i priorytecie są teraz dostępne w przypadku importowania i eksportowania HAR
- Otwieranie menu poleceń z poziomu menu głównego
- Punkty przerwania obrazu w obrazie
- Wskazówka: użyj funkcji
monitorEvents(), aby rejestrować zdarzenia wywołane przez węzeł w Konsoli (film) - Wyrazy w czasie rzeczywistym w Konsoli
- Podświetlanie węzłów DOM podczas wartościowania zachłannego
- Optymalizacja panelu Skuteczność
- Bardziej niezawodne debugowanie
- Włączanie ograniczania przepustowości sieci w menu poleceń
- Autouzupełnianie punktów przerwania warunkowych
- Przerwanie w przypadku zdarzeń AudioContext
- Debugowanie aplikacji Node.js za pomocą ndb
- Wskazówka dodatkowa: mierz interakcje użytkowników z użyciem 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 Audyt
- Obsługa BigInt
- Dodawanie ścieżek właściwości do panelu Obserwowane
- Opcja „Wyświetlaj sygnatury czasowe” została 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 pulpitu i wyświetlanie śladów
- Zatrzymanie powtarzających się pętli
- Czas działań użytkownika na kartach Wyniki
- Wystąpienia maszyn wirtualnych JavaScript wyraźnie wymienione w panelu Pamięć
- Karta Sieć została przemianowana na kartę Strona
- Aktualizacje ciemnego motywu
- Informacje o przejrzystości certyfikatów w panelu Bezpieczeństwo
- Funkcje izolacji witryn w panelu Wydajność
- Wskazówka: panel Warstwy i inspektor Animacje (film)
- Czarne pudełko w panelu Sieć
- Automatyczne dostosowywanie powiększenia w trybie urządzenia
- Drukowanie w łatwym do odczytania formacie na kartach Podgląd i Odpowiedź
- Podgląd treści HTML na karcie Podgląd
- Obsługa zastępowania lokalnego w przypadku stylów w kodzie HTML
- Wskazówka: skrypty frameworku Blackbox, które zwiększają przydatność punktów przerwania detektora zdarzeń
- Zastępcze wartości lokalne
- 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 deweloperskich za pomocą Puppeteer (film)
- Monitorowanie skuteczności
- Pasek boczny konsoli
- Grupowanie podobnych komunikatów w konsoli
- Wskazówka: przełącz pseudoklasę kursora (film)
- Obsługa debugowania zdalnego wielu klientów
- Obszary robocze 2.0
- 4 nowe kontrole
- Symulowanie powiadomień push za pomocą danych niestandardowych
- Wywoływanie 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
- Podświetlanie 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ć
- Zasoby pamięci podręcznej, które można wyświetlić w podglądzie
- Bardziej przewidywalne debugowanie pamięci podręcznej
- Pokrycie kodu na poziomie bloku
- Symulacja ograniczania urządzenia mobilnego
- Wyświetlanie wykorzystania miejsca na dane
- Wyświetlanie informacji o tym, kiedy usługa działająca w tle zapisuje odpowiedzi w pamięci podręcznej
- Włączanie licznika FPS w menu poleceń
- Ustawianie kółka myszy na powiększanie lub przewijanie
- Obsługa debugowania modułów ES6
- Nowy panel kontroli
- Plakietki innych firm
- Nowy gest „Kontynuuj tutaj”
- Zapoznanie się z asynchronicznością
- Bardziej szczegółowe podglądowe obiekty w Konsoli
- Bardziej szczegółowy wybór kontekstu w Konsoli
- Aktualizacje na żywo na karcie Zasięg
- Prostsze opcje ograniczania wykorzystania sieci
- Asynchroniczne stosy są domyślnie włączone
- Pokrycie kodu CSS i JS
- Zrzuty ekranu całej strony
- Blokowanie żądań
- Przejście przez async await
- Menu Unified Command