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 przełącz opcję Sugestie kodu.

Ulepszenia serwera MCP w Narzędziach deweloperskich

Od czasu udostępnienia publicznej wersji serwera MCP w Narzędziach 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 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 (log, 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 zagłębisz się w szczegóły.

Po zidentyfikowaniu potencjalnego problemu za pomocą Gemini możesz bezproblemowo wybrać bardziej szczegółowy element kontekstu, taki jak zdarzenie śledzenia lub statystyki 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.

Ustawienia profilu dewelopera w Google w Narzędziach deweloperskich

Plakietki 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ą wykrywać problemy w witrynie, zanim zauważą je użytkownicy.

Skontaktuj się 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.