Nowości w Narzędziach deweloperskich w Chrome 139

Sofia Emelianova

Bardziej niezawodne i wydajne Narzędzia deweloperskie w Chrome

W tej wersji Narzędzia deweloperskie w Chrome skupiają się na doskonałości produktu. Obejmowało to rozwiązanie wielu znanych problemów, od długotrwałych błędów wizualnych, kwestii związanych z użytecznością i niezgodności w projekcie po problemy z wydajnością i funkcjonalnością. Ogólnie zmniejszyliśmy liczbę otwartych zgłoszeń o 27%.

Rozwiązaliśmy w końcu problemy, które istniały od lat, ale wprowadziliśmy też ulepszenia w nowych funkcjach, np. w panelu Skuteczność i pomocy AI. W rezultacie znacznie poprawiliśmy komfort pracy deweloperów.

W tle podjęliśmy ogromny wysiłek, aby zwiększyć zakres testów, zbadać złożone błędy testów, przenieść testy na bardziej stabilne platformy i rozwiązać wykryte po drodze problemy. Udało nam się zmniejszyć liczbę problemów związanych z testami o 54%.

Mamy nadzieję, że zauważysz te liczne drobne poprawki i ulepszenia w różnych panelach, które sprawią, że codzienne debugowanie i prace programistyczne będą płynniejsze, bardziej niezawodne i wydajne.

Przesyłanie obrazów w ramach pomocy AI w zakresie stylizacji

Aby zapewnić dodatkowy kontekst wizualny w promptach, możesz teraz nie tylko automatycznie robić zrzuty ekranu, ale też przesyłać dowolne obrazy na czatach z Gemini w panelu Pomoc AI.

Rozpocznij rozmowę w panelu Elementy, wybierając element DOM i klikając  Zapytaj AI. Element zostanie określony jako kontekst rozmowy. Następnie w polu wpisywania kliknij add_photo_alternate Dodaj obraz.

Dodawanie nagłówków żądań do tabeli w panelu Sieć

W panelu Sieć możesz teraz kliknąć prawym przyciskiem myszy nazwę kolumny w tabeli żądań i wybrać wiele nagłówków żądań, aby dodać je jako kolumny.

Problem w Chromium: 397481040.

Najważniejsze informacje z konferencji Google I/O 2025

Jeśli jeszcze tego nie zrobisz, wypróbuj nowe, najważniejsze funkcje Narzędzi deweloperskich w Chrome, które zostały zaprezentowane na Google I/O 2025. Obejmują one m.in.:

• Źródła: połącz folder obszaru roboczego i zapisz zmiany w plikach źródłowych.
• Zasilane przez Gemini:
  • Modyfikuj i bezproblemowo zapisuj zmiany w usłudze porównywania cen w obszarze roboczym.
  • Zadawanie pytań o statystyki skuteczności
  • Automatyczne dodawanie adnotacji do wyników dotyczących skuteczności.
  • Dodawanie zrzutów ekranu do czatów z AI

Sprawdź też nowe statystyki wydajności: Duplikat kodu JavaScript i Starsza wersja tagu JavaScript.

Różne wyróżnione informacje

Oto niektóre z wielu ważnych poprawek i ulepszeń wprowadzonych w tej wersji:

• Aplikacja: dodaliśmy okno potwierdzenia, które wyświetla się przed wyczyszczeniem magazynów obiektów IndexedDB, ponieważ jest to działanie nieodwracalne (crbug.com/326987147).
• Źródła: punkty logowania i odznaki warunkowych punktów przerwania obok wierszy kodu wyświetlają teraz po najechaniu kursorem etykietkę z odpowiednim komunikatem logowania lub warunkiem (crbug.com/40266230).

• Skuteczność:

  • Statystyka Przyczyny przesunięcia układu zawiera teraz linki do zdjęć bez określonych wymiarów (crbug.com/416449602).
  • W sekcji Wykrywanie żądań LCP wyświetla się teraz opóźnienie wczytywania obrazu po najstarszym punkcie początkowym.
  • Ograniczanie: naprawiliśmy przestarzały format ustawień ograniczania, które niektórzy użytkownicy mieli zapisane lokalnie.
  • Dziennik zdarzeń: filtrowanie zostało przyspieszone (crbug.com/40783421).

• Animacje: wycofaliśmy z użycia zrzuty ekranu podglądu, ponieważ kliknięcie grupy animacji w celu wyświetlenia podglądu zapewnia podobne i lepsze wrażenia (crbug.com/330179643).

• Ułatwienia dostępu:

  • Dodano etykiety aria do paska bocznego Źródła > Punkty przerwania DOM, jeśli jest on widoczny.
  • Naprawiono nawigację za pomocą klawiszy Shift + Tab w polu tekstowym Wyrażenie na żywo w Konsoli (crbug.com/408398435, crbug.com/420344137).
  • Ustawienia obsługują teraz skróty powiększania, pomniejszania i resetowania: Cmd/Ctrl + +/-/0 (crbug.com/41484555).
  • Elementy > Style: ikony wskazówek i ostrzeżeń CSS (crbug.com/40706851) oraz zegar kątowy można teraz zaznaczać za pomocą klawiatury (crbug.com/401212624, crbug.com/401213524).

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.

Kontakt 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.

• Prześlij nam opinię i prośby o dodanie funkcji na stronie crbug.com.
• Zgłoś problem z Narzędziami deweloperskimi, klikając more_vert Więcej opcji > Pomoc > Zgłoś problem z Narzędziami deweloperskimi w Narzędziach deweloperskich.
• Wyślij tweeta do @ChromeDevTools.
• Dodawaj komentarze do filmów na YouTube z serii „Co nowego w Narzędziach deweloperskich” lub filmów na YouTube z serii „Wskazówki dotyczące Narzędzi deweloperskich”.

Co nowego w Narzędziach deweloperskich

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