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 sąsiadujących danych 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 zmianach znajdziesz w artykule Rozszerzanie Menedżera pamięci do 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 do importowania 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 z 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 przejdzie 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 optymalne. 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. Po 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 wersji Canary, Dev lub Beta przeglądarki Chrome. 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ędziach deweloperskich.