Nowości w Narzędziach deweloperskich (Chrome 107)

Jecelyn Yeen

Dostosowywanie skrótów klawiszowych w Narzędziach deweloperskich

Możesz teraz dostosowywać skróty klawiszowe do ulubionych poleceń w Narzędziach deweloperskich.

Kliknij Ustawienia > Skróty, najedź kursorem na polecenie i kliknij przycisk Edytuj (ikonę ołówka), aby dostosować skrót klawiszowy. Możesz też tworzyć akordy (czyli skróty klawiszowe z wieloma naciśnięciami).

Dostosowywanie skrótów klawiszowych w Narzędziach deweloperskich.

Problemy z Chromium: 1335274, 174309

Przełączanie między jasnym i ciemnym motywem za pomocą skrótu klawiszowego

Skonfiguruj skrót klawiszowy, aby wygodnie przełączać się między jasnym i ciemnym motywem. Domyślnie działanie nie jest przypisane do żadnego skrótu klawiszowego.

Przełączaj motywy jasny i ciemny za pomocą skrótu klawiszowego.

Problemy z Chromium: 1280398, 1226363

Podświetlanie obiektów C/C++ w Narzędziu do inspekcji pamięci

Narzędzie do inspekcji pamięci wyróżnia wszystkie bajty obiektu pamięci C/C++.

Rozpoznawanie bajtów obiektu w pamięci WebAssembly było problematyczne. Musisz znać rozmiar obiektu i policzyć bajty od początku obiektu.

Dzięki tej funkcji możesz odróżnić je od otaczającej pamięci. Więcej informacji o tych zmianach znajdziesz w artykule Rozszerzanie Inspektora pamięci na potrzeby debugowania w C/C++.

Wyróżnianie obiektów C/C++ w Narzędziu do inspekcji pamięci.

Problem z Chromium: 1336568

Obsługa pełnych informacji o inicjatorze w przypadku importowania pliku HAR

Pełne informacje o inicjatorze są teraz dostępne w przypadku importowania plików HAR. Wcześniej panel Sieć wyświetlał tylko częściowe informacje o inicjatorze podczas importowania.

Informacje o inicjatorze pomagają deweloperom śledzić pochodzenie żądania sieciowego i identyfikować problemy związane z siecią.

Obsługa pełnych informacji o inicjatorze w przypadku importowania pliku HAR.

Problem w Chromium: 1343185

Rozpocznij wyszukiwanie w DOM po naciśnięciu Enter

Możesz teraz wyłączyć ustawienie Wyszukiwanie w trakcie pisania, aby wyszukiwanie w DOM zawsze rozpoczynało się po naciśnięciu Entera.

W panelu Elementy włącz pasek wyszukiwania za pomocą skrótu Ctrl lub Cmd + F. Gdy wpiszesz zapytanie w polu tekstowym wyszukiwania, drzewo DOM przejdzie do pierwszego pasującego elementu i domyślnie go wyróżni.

Dla użytkowników, zwłaszcza testerów, którzy zawsze pracują z długimi zapytaniami, takie działanie nie jest idealne. Drzewo DOM może przeskakiwać wiele razy podczas wpisywania długiego zapytania (np. //div[@id="example"]). Takie zachowanie powoduje niepotrzebny ruch.

Wyszukiwanie w DOM.

Kliknij Ustawienia > Ustawienia i wyłącz opcję Wyszukiwanie podczas pisania. Po wprowadzeniu tej zmiany wyszukiwanie rozpocznie się dopiero po naciśnięciu Enter.

Ustawienie wyszukiwania w trakcie pisania.

Problem w Chromium: 1344526

Wyświetlanie ikon start i end dla właściwości flexbox align-content CSS

W panelu Style edytuj właściwości align-content w klasie CSS za pomocą display: flex lub display: inline-flex. Symbole start i end pojawiają się w menu autouzupełniania z ikonami.

właściwości flexbox align-content.

Problem w Chromium: 1139945

Różne wyróżnione informacje

  • Wyświetlanie prawidłowej liczby wiadomości na pasku bocznym Konsoli. Wcześniej liczby nie odświeżały się po wyczyszczeniu wiadomości w konsoli. (1343311)

Pobieranie kanałów podglądu

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

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

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

Co nowego w Narzędziach deweloperskich

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