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

Jecelyn Yeen

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

Teraz możesz dostosowywać skróty klawiszowe ulubionych poleceń w Narzędziach deweloperskich.

Kliknij Ustawienia > Skróty, najedź kursorem na polecenie i kliknij przycisk Edytuj (ikona pióra), aby dostosować skrót klawiszowy. Możesz też tworzyć akordy (czyli skróty klawiszowe z wieloma klawiszami).

Dostosowywanie skrótów klawiszowych w Narzędziach dla programistów.

Problemy z Chromium: 1335274, 174309

Przełączanie się 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 to działanie nie jest mapowane na żaden skrót klawiszowy.

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

Problemy z Chromium: 1280398, 1226363

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

Narzędzia do inspekcji pamięci wyróżnia wszystkie bajty obiektu pamięci w języku C/C++.

Rozpoznawanie bajtów obiektu wśród pamięci WebAssembly było problemem. Musisz znać rozmiar obiektu i zliczać bajty od jego początku.

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

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

Problem z Chromium: 1336568

Pełne informacje o inicjatorze importu HAR

Podczas importowania HAR są teraz dostępne pełne informacje o inicjatorze. 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 importu HAR.

Problem w Chromium: 1343185

Rozpocznij wyszukiwanie DOM po naciśnięciu Enter

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

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

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

wyszukiwanie w DOM.

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

Ustawienie wyszukiwania w trakcie pisania.

Problem z Chromium: 1344526

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

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

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

Problem z Chromium: 1139945

Inne najciekawsze momenty

  • wyświetlać prawidłowe liczby wiadomości na pasku bocznym Konsoli; Wcześniej liczby nie były aktualizowane po wyczyszczeniu wiadomości w konsoli. (1343311)

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.

Co nowego w Narzędziach deweloperskich

Lista wszystkich tematów omawianych w cyklu artykułów Co nowego w Narzędziech deweloperskich.