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

Jecelyn Yeen

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

W Narzędziach deweloperskich możesz teraz dostosować skróty klawiszowe do swoich ulubionych poleceń.

Otwórz Ustawienia > Skróty, najedź kursorem na polecenie i kliknij przycisk Edytuj (ikona pióra), aby dostosować skrót klawiszowy. Możesz też tworzyć akordy (nazywane skrótami klawiszowymi).

Problemy z Chromium: 1335274, 174309

Przełączaj jasne i ciemne motywy za pomocą skrótu klawiszowego

Skonfiguruj skrót klawiszowy, aby wygodnie przełączać jasne i ciemne motywy. Domyślnie działanie nie jest zmapowane na żaden skrót klawiszowy.

Problemy z Chromium: 1280398, 1226363

Podświetl obiekty w C/C++ w Inspektorze pamięci

Inspektor pamięci podświetla wszystkie bajty obiektu pamięci w języku C/C++.

Rozpoznawanie bajtów obiektu w otaczającej pamięci WebAssembly było poważnym problemem. Musisz znać rozmiar obiektu i liczbę bajtów od jego początku.

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

Problem w Chromium: 1336568

Obsługuj pełne informacje o inicjatorze importu HAR

Pełne informacje Inicjatora są teraz dostępne w przypadku importu HAR. Wcześniej podczas importowania panel Sieć pokazuje tylko częściowe informacje o inicjatorze.

Informacje o inicjatorze pomagają programistom prześledzić źródło żądania sieciowego i rozpoznać problemy związane z siecią.

Problem z Chromium: 1343185

Naciśnij Enter i rozpocznij wyszukiwanie DOM

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

W panelu Elementy przełącz pasek wyszukiwania za pomocą klawiszy Ctrl lub Command + F. Podczas wpisywania zapytania w polu tekstowym wyszukiwania drzewo DOM przeskoczy do pierwszego pasującego elementu i domyślnie go podświetli.

To działanie nie jest idealne dla użytkowników, a zwłaszcza dla testerów, którzy zawsze pracują nad długimi zapytaniami. Drzewo DOM może wielokrotnie przeskoczyć podczas wpisywania długiego zapytania (np. //div[@id="example"]). Takie działanie powoduje niepotrzebny ruch.

Otwórz Ustawienia > Ustawienia – wyłącz opcję Szukaj podczas pisania. Dzięki tej zmianie wyszukiwanie rozpocznie się dopiero po naciśnięciu Enter.

Problem z Chromium: 1344526

Wyświetlaj ikony start i end dla align-content właściwości Flexbox CSS

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

Problem z Chromium: 1139945

Różne wyróżnienia

• Wyświetlaj liczbę prawidłowych wiadomości na pasku bocznym Konsoli. Wcześniej podczas czyszczenia komunikatów w konsoli nie były one odświeżane. (1343311)

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 testowej dają dostęp do najnowszych funkcji Narzędzi deweloperskich, umożliwiają testowanie najnowocześniejszych interfejsów API platformy internetowej i wykrywanie problemów w witrynie, zanim użytkownicy ją zobaczą.

Kontakt z zespołem ds. Narzędzi deweloperskich w Chrome

Skorzystaj z poniższych opcji, aby porozmawiać o nowych funkcjach i zmianach w poście lub o innych kwestiach związanych z Narzędziami deweloperskimi.

• Prześlij nam sugestię lub opinię na crbug.com.
• Aby zgłosić problem z Narzędziami deweloperskimi, kliknij Więcej opcji   > Pomoc > Zgłoś problemy z Narzędziami deweloperskimi w Narzędziach deweloperskich.
• Opublikuj tweeta na stronie @ChromeDevTools.
• Napisz komentarz w filmach w YouTube o nowościach w Narzędziach deweloperskich lub o filmach w YouTube ze wskazówkami dotyczącymi Narzędzi deweloperskich.

Co nowego w Narzędziach deweloperskich

Lista wszystkich tematów, które zostały omówione w serii Co nowego w Narzędziach deweloperskich.