Nowości w Narzędziach deweloperskich w Chrome 142

Matthias Rohmer

Sugestie kodu proponowane przez Gemini

W panelach Konsola i Źródła możesz teraz otrzymywać sugestie generowane przez AI.

Funkcja sugestii dotyczących kodu w panelach Konsola i Źródła

Aby włączyć tę funkcję, otwórz Ustawienia > Innowacje oparte na AI i włącz Sugestie kodu.

Ulepszenia serwera MCP Narzędzi deweloperskich

Od udostępnienia publicznej wersji podglądowej serwera MCP Narzędzi deweloperskich w wersji 0.2.1 wprowadziliśmy różne ulepszenia dzięki pomocy społeczności i wydaliśmy wersję 0.9.0.

  • Obsługa Node.js została rozszerzona do wersji Node.js 20.
  • Żądania sieciowe i komunikaty konsoli można dzielić na strony, aby oszczędzać tokeny, oraz filtrować na podstawie typu żądania (np. skrypty, arkusze stylów, obrazy) i typu komunikatu (dziennik, ostrzeżenie, błąd).
  • Zrzuty ekranu można zapisywać w określonej ścieżce i w różnych formatach.
  • Konfigurowalne kategorie narzędzi pozwalają uporządkować udostępniane funkcje, co ogranicza niepotrzebny szum.
  • Możesz teraz przekazywać argumenty uruchamiania do instancji Chrome używanej przez serwer MCP.

Pełną listę zmian i poprawek błędów znajdziesz w publicznym dzienniku zmian w GitHubie. Więcej informacji o serwerze MCP Narzędzi deweloperskich znajdziesz w poście na blogu z ogłoszeniem.

Szybszy dostęp do pomocy AI

Narzędzia deweloperskie zawierają teraz więcej linków, które otwierają pomoc AI. Element menu kontekstowego Zapytaj AI został zmieniony na Debuguj za pomocą AI i uzupełniony o bezpośrednie działania, w których AI może Ci pomóc na podstawie kontekstu.

Dodatkowy nowy przycisk w prawym górnym rogu Narzędzi deweloperskich umożliwia otwieranie pomocy AI z dowolnego miejsca w Narzędziach deweloperskich.

Nowe punkty wejścia do pomocy AI w Narzędziach deweloperskich

Debugowanie pełnego zrzutu wydajności za pomocą Gemini

Po zarejestrowaniu śladu w panelu Wydajność możesz teraz rozmawiać z Gemini o całym śladzie, powiązanych statystykach wydajności i danych z terenu bez wcześniejszego wybierania konkretnego kontekstu. Wszystko to w ramach tej samej rozmowy. Dzięki temu możesz spojrzeć na problemy z wydajnością w bardziej holistyczny sposób, zanim zaczniesz je szczegółowo analizować.

Po zidentyfikowaniu potencjalnego problemu za pomocą Gemini możesz bezproblemowo wybrać bardziej szczegółowy element kontekstu, np. zdarzenie śledzenia lub statystykę wydajności, aby dokładniej go zbadać i kontynuować ten sam czat.

Podobnie wszystkie statystyki w sekcji Skuteczność > Statystyki są teraz dostępne, aby porozmawiać o nich z Gemini.

Przełącz orientację panelu

Szufladę można teraz też przesuwać na bok. Dzięki temu panele będą wyświetlane obok siebie, a nie jeden pod drugim. Kliknij prawym przyciskiem myszy nazwę panelu na głównym pasku kart i wybierz Przenieś do szuflady, aby przenieść wybrany panel do szuflady.

Dodaj kolejne panele do szuflady, klikając ⋮ > Więcej narzędzi.

Nowy przełącznik w panelu do zmiany orientacji

Google Developer Program

Program Google Developer Program jest teraz zintegrowany z Narzędziami deweloperskimi. Zawiera bezpośrednie linki do zarządzania profilem i nowe odznaki do zdobycia.

Elementy sterujące profilem dewelopera w Google w ustawieniach Narzędzi deweloperskich

Odznaki są funkcją opcjonalną. Aby włączyć plakietki, otwórz Ustawienia > Ustawienia > Konto i włącz opcję Zdobywaj plakietki.

Różne wyróżnione informacje

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

  • Panel Aplikacja obsługuje teraz sprawdzanie pamięci w przypadku wszystkich typów instancji roboczych, w tym skryptów service worker, skryptów shared worker i skryptów dedicated worker.
  • :target-current jest teraz widoczny w panelu Style.
  • W panelu Sieć można teraz filtrować żądania na podstawie nowego Is ad-related typu logicznego.

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.

Co nowego w Narzędziach deweloperskich

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