Nowości w Narzędziach deweloperskich w Chrome 143

Aktualizacje serwera MCP w Narzędziach deweloperskich

Wprowadziliśmy różne ulepszenia serwera MCP Narzędzi deweloperskich i opublikowaliśmy wersję 0.11.0.

  • Podczas tworzenia promptów w klientach MCP (interfejs wiersza poleceń Gemini, Cursor itp.) możesz teraz odwoływać się do elementów i żądań sieciowych wybranych w panelach Elementy i Sieć.
  • Narzędzie list_console_messages obejmuje teraz również problemy wykryte w panelu Problemy.
  • Nowe narzędzie press_key może teraz służyć do debugowania zdarzeń klawiatury niezwiązanych z elementami formularza.
  • Zrzuty drzewa ułatwień dostępu można teraz zapisywać na dysku
  • Strony można teraz ponownie załadować, opcjonalnie ignorując pamięć podręczną.
  • Skonfiguruj flagę --user-data-dir, aby używać istniejącego profilu Chrome.

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.

Ulepszone udostępnianie logów czasu

Okno udostępniania śladu w panelu Wydajność

Podczas eksportowania śladu wydajności możesz teraz uwzględnić w eksportowanym pliku dodatkowe dane, aby ułatwić sobie lub współpracownikowi dalsze debugowanie. Możesz teraz uwzględnić te elementy:

  • Treść zasobu: kopia wszystkich plików HTML, CSS i JavaScript (z wyjątkiem skryptów rozszerzeń).
  • Mapy źródeł skryptów: mapowania do kodu napisanego przez autora, które umożliwiają wyświetlanie oryginalnych nazw funkcji i plików źródłowych.

Dowiedz się, co warto udostępniać, a co lepiej zachować dla siebie, z naszej zaktualizowanej dokumentacji.

Chcielibyśmy podziękować naszym kolegom z Microsoftu, z którymi współpracowaliśmy przy tym projekcie i którzy prowadzili wczesne prace nad nim.

Obsługa @starting-style

Panel Elementy obsługuje teraz debugowanie nowej reguły CSS @starting-style, która jest niezbędna do tworzenia animacji wejścia.

W drzewie Elementy obok odpowiednich elementów zobaczysz teraz dekorację starting-style. Możesz też przełączać stan starting-style elementu, klikając kapsułkę, oraz sprawdzać i debugować blok @starting-style na karcie Style.

Widżet edytora do wyświetlania: układ kaskadowy

Jeśli eksperymentujesz z układem CSS Masonry, możesz teraz używać tego samego widżetu edytora, który znasz z układów display: flex i grid, aby szybko przełączać różne opcje wyrównania w układach masonry.

Latarnia morska 13

Panel Lighthouse korzysta teraz z Lighthouse 13. Wraz z tym kamieniem milowym kończy się praca nad ujednoliceniem informacji o wydajności w Narzędziach deweloperskich i Lighthouse.

Więcej informacji znajdziesz w poście na blogu z ogłoszeniem. Aby dowiedzieć się, do czego przydaje się Lighthouse i jak to narzędzie jest powiązane z panelem Wydajność w Narzędziach deweloperskich, przeczytaj artykuł Lighthouse: optymalizacja witryny.

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.