Problemy: znajdowanie i rozwiązywanie problemów

Sam Dutton

Sofia Emelianova

W panelu Problemy znajdziesz rozwiązania problemów wykrytych przez przeglądarkę, takich jak problemy z plikami cookie i mieszane treści.

Uwaga: panel Problemy stale obsługuje nowe typy problemów.

Omówienie

Dzięki zbieraniu i grupowaniu typowych problemów panel Problemy ogranicza liczbę powiadomień i zaśmiecanie Konsoli.

Obecnie panel Problemy zawiera raporty o tych kwestiach:

• Problemy z plikami cookie
• Treści mieszane
• Problemy z COEP
• Błędy CORS
• Problemy w trybie osobliwości
• (wersja próbna) Problemy z niskim kontrastem
• Problemy z zaufaną aktywnością w internecie
• Problemy z wczytywaniem arkuszy stylów
• Nieprawidłowe reguły @property CSS
• Naruszenia polityki bezpieczeństwa treści
• Problemy z atrybutem autouzupełniania

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

Otwieranie panelu Problemy

1. Otwórz stronę z problemami, które należy rozwiązać, np. samesite-sandbox.glitch.me.
2. Otwórz Narzędzia deweloperskie.

3. W prawym górnym rogu paska działań kliknij przycisk Otwórz problemy obok  Ustawienia. W zależności od wagi problemu przycisk może mieć czerwoną , żółtą lub niebieską ikonę.

   

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

   

4. Gdy znajdziesz się w panelu Problemy, możesz odświeżyć stronę, aby wykryć jeszcze więcej problemów, tym razem podczas wczytywania strony.

   

Konsola może też wyświetlać problemy zgłoszone przez przeglądarkę. Jednak takie problemy (np. ostrzeżenie dotyczące plików cookie na zrzucie ekranu poniżej) są trudne do zrozumienia. Nie jest jasne, co należy zrobić, aby rozwiązać ten problem.

Z kolei panel Problemy zawiera przydatne statystyki.

Wyświetlanie elementów w panelu Problemy

Panel Problemy zawiera ostrzeżenia z przeglądarki w uporządkowanej, zagregowanej i przydatnej do działania formie.

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

   

   Każdy element ma 4 składniki:

   • Nagłówek opisujący problem.
   • Opis przedstawiający kontekst i rozwiązanie.
   • Sekcja ZASOBE ZABURZONE zawierająca linki do zasobów w odpowiednim kontekście DevTools, takich jak Sieć, Źródła, Elementy i inne panele.
   • linki do dodatkowych wskazówek.

2. Kliknij elementy w sekcji ZASOBORY, KTÓRYCH DOTYCZY PROBLEM, aby wyświetlić problemy w kontekście.

Grupowanie problemów według rodzaju

Uwaga: ta funkcja w wersji testowej jest domyślnie wyłączona. Aby go włączyć, zaznacz Ustawienia > Eksperymenty > Zezwalaj na grupowanie i ukrywanie problemów według rodzaju.

Panel Problemy zlicza zasoby objęte problemem i wyświetla ich liczbę obok nagłówków. Dodatkowo możesz grupować problemy według ich ważności w 3 rodzaje grup:

• Błędy strony zgłoszone przez Chrome.
• Zmiany powodujące niezgodność, np. wycofanie.
• Ulepszenia sugerowane przez Narzędzia deweloperskie.

Aby pogrupować problemy, zaznacz Grupuj według rodzaju na pasku czynności u góry panelu Problemy.

Uwzględnij problemy z usługami innych firm

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

Problemy z plikami cookie innych firm znajdziesz w sekcji ZASOBE, NA KTÓRE MA WPŁYW TEN PROBLEM, w której brakuje linku.

Aby ukryć takie problemy, odznacz pole wyboru Uwzględnij problemy z plikami cookie innych firm na pasku czynności u góry panelu Problemy.

Ukrywanie problemów

Aby ukryć problem, kliknij menu z 3 kropkami obok problemu, a następnie wybierz Ukryj problemy tego typu.

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

Aby wyświetlić wszystkie problemy, kliknij Odkryj wszystkie. Aby wyświetlić konkretny problem, w menu z 3 kropkami obok problemu wybierz Pokaż problemy tego typu.

Dodatkowo, gdy grupowanie jest włączone, możesz ukryć całe grupy problemów, korzystając z tego samego menu z 3 kropkami obok grupy.

Wyświetlanie problemów w kontekście

Aby zbadać problem:

1. W sekcji ZASOBE ZABURZONE kliknij link do zasobu, aby wyświetlić element w odpowiednim kontekście w narzędziach dla programistów. W tym przykładzie kliknij samesite-sandbox.glitch.me, aby wyświetlić pliki cookie powiązane z tym żądaniem. Link prowadzi do panelu Sieć.

   

2. Przewiń, aby wyświetlić element, który ma problem: w tym przypadku plik cookie ck02. Najedź kursorem na ikonę informacji  po prawej stronie, aby wyświetlić problem i sposób jego rozwiązania.