Problemy: znajdowanie i rozwiązywanie problemów

Sam Dutton

Sofia Emelianova

W panelu Problemy możesz znaleźć rozwiązania problemów wykrytych przez przeglądarkę, takich jak problemy z plikami cookie czy pomieszanie treści.

Uwaga: w panelu Problemy nadal będą pojawiać się nowe typy problemów.

Omówienie

Panel Problemy zbiera i grupuje typowe problemy, dzięki czemu w konsoli nie zaśmieca powiadomienia.

Obecnie w panelu Problemy widać:

• Problemy z plikami cookie
• Treści mieszane
• Problemy z kontem zakupu w firmie (COEP)
• Błędy CORS
• Problemy z trybem osobliwości
• (Wersja testowa) Problemy o niskim kontraście
• Problemy z zaufaną aktywnością internetową
• Problemy z wczytywaniem arkusza stylów
• Nieprawidłowe @property reguły CSS
• Naruszenia Content Security Policy
• Problemy z atrybutami autouzupełniania

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

Otwórz panel 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 w prawym rogu paska działań u góry. W zależności od wagi problemu przycisk może mieć czerwoną ikonę , żółtą lub niebieską .

   

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

   

4. Gdy już otworzysz panel Problemy, możesz załadować stronę ponownie, aby wykryć jeszcze więcej problemów, czyli tym razem, gdy ładują się one podczas wczytywania strony.

   

Konsola może też pokazywać problemy zgłoszone przez przeglądarkę. Możesz jednak zauważyć, że takie problemy (jak w przypadku ostrzeżenia o plikach cookie na poniższym zrzucie ekranu) są trudne do zrozumienia. Nie jest jasne, co musisz zrobić, żeby to naprawić.

Panel Problemy zawiera natomiast przydatne statystyki.

Wyświetlanie elementów w panelu Problemy

Panel Problemy przedstawia ostrzeżenia z przeglądarki w uporządkowanym, zagregowanym raporcie i możliwym do wykonania. sposób.

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

   

   Każdy element składa się z 4 elementów:

   • Nagłówek opisujący problem.
   • Opis zawierający kontekst i rozwiązanie.
   • Sekcja ZASOBY ZMIANY NA TEMAT, która zawiera linki do zasobów w odpowiednich narzędziach deweloperskich. takich jak Sieć, Źródła, Elementy i inne panele.
   • 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

Uwaga: ta funkcja podglądu jest domyślnie wyłączona. Aby je włączyć, kliknij Ustawienia > Eksperymenty > Zezwalaj na grupowanie i ukrywanie problemów według ich rodzaju.

Panel Problemy zawiera liczbę zasobów, których dotyczy dany problem, i wyświetla się obok ich nagłówków. Dodatkowo możesz podzielić problemy według ich wagi na 3 rodzaje:

• Błędy na stronach zgłaszane przez Chrome.
• Zmiany powodujące niezgodność, takie jak wycofane funkcje.
• Ulepszenia sugerowane przez Narzędzia deweloperskie.

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

Uwzględnij problemy innych firm

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

Informacje o problemach z plikami cookie innych firm możesz znaleźć w sekcji ZASOBY, KTÓRYCH TO DOTYCZY bez linku.

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

Ukryj problemy

Aby ukryć problem, wybierz Ukryj tego typu problemy z menu z 3 kropkami znajdującego się obok niego.

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

Aby zobaczyć wszystkie problemy, kliknij Odkryj wszystkie. Aby wskazać konkretny problem, wybierz Odkryj tego typu problemy z menu z 3 kropkami obok problemu.

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

Wyświetl problemy w kontekście

Aby zbadać problem:

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

   

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