Nowości w Narzędziach deweloperskich (Chrome 94)

Jecelyn Yeen

Korzystanie z Narzędzi deweloperskich w preferowanym języku

Narzędzia deweloperskie w Chrome obsługują teraz ponad 80 języków, dzięki czemu możesz pracować w wybranym języku.

Otwórz Ustawienia, a następnie wybierz preferowany język w menu Preferencje > Język i ponownie załaduj Narzędzia deweloperskie.

Ustawienia" width="800" height="494">

Problem z Chromium: 1163928

Nowe urządzenia Nest Hub na liście urządzeń

W trybie urządzenia możesz teraz symulować wymiary Nest Hub i Nest Hub Max.

Kliknij Przełącz pasek narzędzi urządzenia   wybierz Nest Hub lub Nest Hub Max z listy urządzeń.

Problem z Chromium: 1223525

Testy origin w widoku szczegółów ramki

W widoku szczegółów ramki w panelu Aplikacja możesz teraz uzyskać informacje o eksperymentach z pochodzeniem witryny.

Wersje próbne origin dają dostęp do nowej lub eksperymentalnej funkcji, dzięki której możesz tworzyć funkcje, które użytkownicy mogą wypróbować przez ograniczony czas, zanim zostaną udostępnione wszystkim.

Otwórz stronę z testami origin trials (np. stronę demonstracyjną). W panelu Aplikacja przewiń w dół do sekcji Klatki i wybierz górną klatkę.

Problem z Chromium: 607555

Nowa plakietka dotycząca zapytań o kontener CSS

Obok elementów kontenera (elementów nadrzędnych, które spełniają kryteria @container reguł @) dodawana jest nowa plakietka kontenera. Kliknij plakietkę, aby włączyć lub wyłączyć wyświetlanie nakładki wybranego kontenera i wszystkich jego zapytań potomnych na stronie.

Problem w Chromium: 1146422

Nowe pole wyboru do odwracania filtrów sieci

Zaznacz nowe pole wyboru Odwróć, aby odwrócić filtry w panelu Sieć.

Możesz na przykład wpisać „status-code: 404”, aby odfiltrować żądania sieciowe ze stanem 404. Zaznacz pole wyboru Odwróć, aby odwrócić działanie filtra (wyświetlić wszystkie żądania sieciowe, które nie mają stanu 404).

Problem w Chromium: 1054464

Wkrótce wycofamy pasek boczny konsoli

Pasek boczny konsoli zostanie usunięty, a interfejs filtra zostanie przeniesiony na pasek narzędzi. Czy masz jakieś wątpliwości lub uwagi? Poinformuj nas o tym za pomocą tego narzędzia do śledzenia problemów.

Problem w Chromium: 1232937

Wyświetlanie surowych nagłówków Set-Cookie na karcie Problemy i w panelu Sieć

Narzędzia deweloperskie wyświetlają teraz nieprzetworzone nagłówki Set-Cookie na karcie Problemy.

Wcześniej Narzędzia deweloperskie nie wyświetlały w panelu Sieć nieprawidłowych plików cookie (nieprawidłowy nagłówek Set-Cookie). Dzięki nowemu filtrowi response-header-set-cookie dodanemu w panelu Sieć użytkownicy mogą filtrować nieprzetworzoną odpowiedź nagłówka Set-Cookie. Narzędzia deweloperskie połączą surowe nagłówki Set-Cookie na karcie Problemy z panelem Sieć.

Problem w Chromium: 1179186

Spójne wyświetlanie narzędzi dostępu do reklam natywnych jako własnych usług w konsoli

Konsola wyświetla teraz natywne funkcje dostępu jako osobne właściwości.

Na przykład podczas sprawdzania wyrażenia new Int8Array([1, 2, 3]) w konsoli w podglądzie nie były wyświetlane natywne akcesory, takie jak length czy byteOffset. W ramach tej aktualizacji w podglądzie wyświetlane są natywne funkcje dostępu, a wartości są obliczane od razu po rozwinięciu.

Problemy z Chromium: 1076820, ​​1199247

Prawidłowe śledzenie stosu błędów w przypadku skryptów wbudowanych z #sourceURL

Narzędzia deweloperskie prawidłowo rozwiązują teraz skrypty wbudowane za pomocą #sourceURL i wyświetlają prawidłowe ślady stosu błędów do debugowania.

Wcześniej Narzędzia deweloperskie wyświetlały nieprawidłową lokalizację skryptów wbudowanych z atrybutem #sourceURL, która była określana względem otaczającego dokumentu, a nie względem tagu otwierającego <script>.

Problemy z Chromium: 1183990, 578269

Zmiana formatu koloru w panelu Obliczone

Możesz teraz zmienić format koloru dowolnego elementu w panelu Obliczone, naciskając Shift i klikając podgląd koloru.

Problem w Chromium: 1226371

Zastępowanie niestandardowych etykietek natywnymi etykietkami HTML

Narzędzia deweloperskie korzystają teraz z natywnych etykietek HTML we wszystkich komponentach. Narzędzia deweloperskie od dawna mają niestandardową implementację etykietek, ponieważ natywne etykietki HTML nie mają stylów.

Utrzymanie niestandardowego wdrożenia etykietki jest skomplikowane i regularnie napotykamy złożone błędy.

Po ponownym rozważeniu zalet implementacji niestandardowych stwierdziliśmy, że natywne etykietki HTML są wystarczające w przypadku narzędzi deweloperskich, a ich wdrożenie zapobiega wielu problemom użytkowników.

Problem w Chromium: 1223391

[Eksperymentalna] Ukrywanie problemów na karcie Problemy

Włącz eksperyment Ukryj menu problemów, aby ukryć problemy na karcie Problemy. Dzięki temu możesz skupić się na ważnych dla Ciebie kwestiach.

Na karcie Problem najedź kursorem na problem, kliknij menu problemu  po prawej stronie i wybierz Ukryj problemy tego typu, aby go ukryć.

Problem w Chromium: 1175722

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.