Nowości w Narzędziach deweloperskich w Chrome 141

Sofia Emelianova
Sofia Emelianova
GitHub

Narzędzia deweloperskie w Chrome (MCP) dla agenta AI

Możesz teraz wyświetlić podgląd nowego serwera protokołu kontekstu modelu (MCP) w Narzędziach deweloperskich w Chrome. Dzięki temu narzędzia deweloperskie w Chrome mogą być używane w asystentach kodowania opartych na AI.

Wcześniej agenci kodujący nie mogli sprawdzić, co wygenerowany przez nich kod robi po uruchomieniu w przeglądarce. Serwer MCP Narzędzi deweloperskich w Chrome to zmienia. Asystenci kodowania AI mogą debugować strony internetowe bezpośrednio w Chrome i korzystać z funkcji debugowania Narzędzi deweloperskich oraz statystyk wydajności. Zwiększa to dokładność wykrywania i rozwiązywania problemów.

Zobacz, jak to działa:

Więcej informacji znajdziesz w artykule Narzędzia deweloperskie w Chrome (MCP) dla agenta AI.

Debugowanie drzewa zależności sieciowych za pomocą Gemini

Statystyka Skuteczność > Statystyki > Drzewo zależności sieciowych ma teraz przycisk Debuguj za pomocą AI, który przenosi Cię do panelu Pomoc AI. Możesz tam omówić i debugować to drzewo z pomocą Gemini.

Przed i po dodaniu przycisku „Debuguj za pomocą AI” do statystyk „Drzewo zależności sieci”.

Eksportowanie czatów z Gemini

Możesz teraz wyeksportować bieżący czat z Gemini lub skopiować jego odpowiedź do schowka, klikając przycisk Eksportuj rozmowę na górnym pasku działań lub Skopiuj odpowiedź pod wiadomością Gemini na czacie.

Przed dodaniem przycisku eksportowania i kopiowania do funkcji pomocy opartej na AI i po jego dodaniu.

Zachowana konfiguracja ścieżki w panelu Wydajność

Gdy skonfigurujesz nagraną ścieżkę w panelu Wydajność, Narzędzia deweloperskie zapiszą Twoją konfigurację i zastosują ją, gdy ponownie zaimportujesz ścieżkę lub nagrasz nową.

Filtrowanie żądań sieciowych z ochroną IP

W panelu Sieć możesz teraz filtrować żądania wysłane do serwerów proxy ochrony IP.

Przed i po dodaniu filtra „Żądania chronione przez IP” do panelu Sieć.

Elementy > Karta Układ dodaje obsługę układu kaskadowego

Układ kaskadowy możesz teraz sprawdzić na karcie Elementy > Style.

Układ murarski to metoda układu, w której jedna oś wykorzystuje typowy układ siatki, najczęściej kolumn, a druga – układ murarski.

Przed i po dodaniu obsługi układu kaskadowego do sekcji Elementy – Układ.

Lighthouse 12.8.2

Panel Lighthouse działa teraz w wersji 12.8.2.

W tej wersji Lighthouse rozdziela znalezione problemy z niestandardowymi właściwościami CSS na osobne komunikaty o błędach.

Zobacz też pełną listę zmian.

Podstawowe informacje o korzystaniu z panelu Lighthouse w Narzędziach deweloperskich znajdziesz w artykule Lighthouse: optymalizacja szybkości witryny.

Problem z Chromium: 40543651.

Różne wyróżnione informacje

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

  • Wydajność: zdarzenia wywołania zwrotnego Request Idle zawierają teraz właściwość timeout (crbug.com/441679219).
  • Ułatwienia dostępu Czytniki ekranu odczytają teraz te informacje:
  • Sieć: kliknięcie prawym przyciskiem myszy elementu dziennika sieci powoduje jego wybranie (crbug.com/368510578).

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.

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.