Problemy: znajdowanie i rozwiązywanie problemów

Sofia Emelianowa
Sofia Emelianova

Panel Problemy w Narzędziach deweloperskich w Chrome zmniejsza zmęczenie powiadomień i bałagan w Konsoli. Ułatwia on znajdowanie rozwiązań problemów wykrytych przez przeglądarkę, np. problemów z plikami cookie czy treści mieszanej.

Obecnie panel Problemy obsługuje:

Kolejne wersje Chrome będą obsługiwać więcej typów problemów.

Otwórz kartę Problemy

  1. Otwórz stronę, na której występują problemy, np. samesite-sandbox.glitch.me.
  2. Otwórz Narzędzia deweloperskie.
  3. Kliknij przycisk Otwórz problemy obok opcji Ustawienia Ustawienia. w prawym górnym rogu paska działań u góry. W zależności od wagi problemu przycisk może mieć czerwoną ikonę Błąd., żółtą Ostrzeżenie. lub niebieską Informacja..

    Przycisk Otwórz problemy z czerwoną ikoną.

    Możesz też wybrać Problemy z menu Więcej narzędzi Menu Więcej narzędzi..

    Karta Problemy w menu Więcej narzędzi

  4. Po otwarciu panelu Problemy możesz załadować ponownie stronę, aby wykryć jeszcze więcej problemów, które tym razem pojawiają się podczas wczytywania strony.

    Po ponownym załadowaniu strony znaleziono kartę Problemy z jeszcze jednym problemem.

Konsola może też wyświetlać problemy zgłoszone przez przeglądarkę. Zauważysz jednak, że takie problemy (takie jak ostrzeżenie o plikach cookie na zrzucie ekranu poniżej) są trudne do zrozumienia. Nie jest jasne, co trzeba zrobić, aby rozwiązać ten problem.

Konsola z ostrzeżeniem dotyczącym niejasnych plików cookie.

Z drugiej strony panel Problemy zawiera przydatne statystyki.

Wyświetl produkty na karcie Problemy

Panel Problemy wyświetla ostrzeżenia przeglądarki w uporządkowany, zagregowany i związany z działaniami sposób.

  1. Kliknij element w panelu Problemy, aby rozwinąć problem i uzyskać wskazówki, jak go rozwiązać oraz znaleźć odpowiednie zasoby.

    Rozwinięto kartę Problemy z problemami z plikami cookie w różnych witrynach.

    Każdy element ma 4 komponenty:

    • Nagłówek opisujący problem.
    • Opis zawierający kontekst i rozwiązanie.
    • Sekcja ZASOBY, KTÓRYCH zawiera linki do zasobów w odpowiednim kontekście Narzędzi deweloperskich, takich jak panele Sieć, Źródła, Elementy i inne.
    • Linki do dalszych wskazówek.
  2. Kliknij elementy w sekcji ZASOBY, KTÓRYCH TO DOTYCZY, aby wyświetlić problemy w kontekście.

Grupuj problemy według rodzaju

Panel Problemy zlicza liczbę zasobów, których dotyczy dany problem, i wyświetla ją obok nagłówków. Możesz też podzielić problemy według wagi problemu na 3 rodzaje grup:

  • Błąd. Błędy strony zgłaszane przez Chrome.
  • Ostrzeżenie. Niezbędne zmiany, takie jak wycofanie.
  • Informacja. Ulepszenia sugerowane przez Narzędzia deweloperskie.

Aby grupować problemy, zaznacz Pole wyboru. Grupuj według rodzaju na pasku działań u góry panelu Problemy.

Problemy podzielone na 3 rodzaje: błędy strony, zmiany powodujące niezgodność oraz ulepszenia.

Uwzględniaj problemy innych firm

Karta Problemy domyślnie wyświetla problemy z plikami cookie innych firm.

Informacje o problemach z plikami cookie innych firm znajdziesz w sekcji DOZWOLONE ZASOBY bez linku.

Plik cookie innej firmy bez powiązanego zasobu w sekcji Zasoby, których dotyczy problem.

Aby ukryć takie problemy, odznacz pole Przejrzystość. Uwzględnij problemy z plikami cookie innych firm na pasku działań u góry panelu Problemy.

Ukryj problemy

Aby ukryć problem, wybierz obok niego opcję Ukryj takie problemy w menu z 3 kropkami Menu z 3 kropkami..

Ukryj problemy tego typu w menu z 3 kropkami obok problemu.

Aby zobaczyć listę ukrytych problemów, przewiń w dół do sekcji Ukryte problemy i rozwiń ją.

Sekcja Ukryte problemy.

Aby ujawnić wszystkie problemy, kliknij Odkryj wszystkie. Aby ujawnić konkretny problem, wybierz Odkryj problemy tego typu w menu z 3 kropkami obok problemu Menu z 3 kropkami..

Dodatkowo po włączeniu grupowania możesz ukryć całe grupy problemów, korzystając z tego samego menu z 3 kropkami obok grupy.

Menu z 3 kropkami z opcją ukrywania grupy Ulepszenia

Wyświetl problemy w kontekście

Aby zbadać problem:

  1. W sekcji ZASOBY, KTÓRYCH TO DOTYCZY kliknij link do zasobu, aby wyświetlić element w odpowiednim kontekście w Narzędziach deweloperskich. W tym przykładzie kliknij samesite-sandbox.glitch.me, by wyświetlić pliki cookie dołączone do tego żądania. Ten link prowadzi do panelu Sieć.

    sekcja Zasoby, których dotyczy problem, zawierająca link do prośby, której dotyczy problem.

  2. Przewiń, aby wyświetlić problem, w tym przypadku plik cookie ck02. Najedź kursorem na ikonę informacji Informacja. po prawej stronie, aby dowiedzieć się, na czym polega problem i jak go rozwiązać.

    Po najechaniu kursorem na ikonę informacji w panelu Sieć pojawia się etykietka.