Panel Problemy w Narzędziach deweloperskich w Chrome zmniejsza zmęczenie i bałagan w konsoli. Służy on do znajdowania rozwiązań problemów wykrytych przez przeglądarkę, takich jak problemy z plikami cookie czy zawartość mieszaną.
Obecnie panel Problemy obsługuje:
- Problemy z plikami cookie
- Treści mieszane
- Problemy dotyczące CEP
- Błędy CORS
- Problemy z trybem osobliwości
- (Wersja testowa) Problemy z niskim kontrastem
- Problemy z zaufaną aktywnością online
- Problemy z wczytywaniem arkusza stylów
- Nieprawidłowe reguły CSS
@property
- Naruszenia polityki bezpieczeństwa treści
- Problemy z atrybutami autouzupełniania
Kolejne wersje Chrome będą obsługiwać więcej typów problemów.
Otwieranie panelu Problemy
- Otwórz stronę, na której występują problemy, np. samesite-sandbox.glitch.me.
- Otwórz Narzędzia deweloperskie.
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 .
Po wyświetleniu panelu Problemy możesz odświeżyć stronę, aby wychwycić jeszcze więcej problemów, tym razem podczas jej wczytywania.
Konsola może też pokazywać problemy zgłoszone przez przeglądarkę. Trudno jest jednak zrozumieć takie problemy (takie jak ostrzeżenie o plikach cookie na zrzucie ekranu poniżej). Nie jest jasne, co musisz zrobić, aby rozwiązać ten problem.
Z kolei panel Problemy zawiera przydatne statystyki.
Wyświetlanie elementów w panelu Problemy
Panel Problemy prezentuje ostrzeżenia przeglądarki w uporządkowany, zagregowany i zrozumiały sposób.
Kliknij element w panelu Problemy, aby rozwinąć problem i uzyskać wskazówki, jak go rozwiązać i znaleźć zasoby, w których występuje problem.
Każdy element ma 4 komponenty:
- Nagłówek opisujący problem.
- Opis zawierający kontekst i rozwiązanie.
- sekcję ZASOBY, KTÓRYCH TO DOTYCZY, zawierająca linki do zasobów znajdujących się w odpowiednim kontekście Narzędzi deweloperskich, np. paneli Sieć, Źródła, Elementy i inne;
- Linki do dalszych wskazówek.
Kliknij elementy w sekcji ZASOBY, KTÓRYCH TO DOTYCZY, aby wyświetlić problemy w kontekście.
Grupuj problemy według rodzaju
Panel Problemy zawiera liczbę zasobów, których dotyczy dany problem, i wyświetla ją obok nagłówków. Problemy możesz też uporządkować według wagi problemu, dzieląc je na 3 rodzaje grup:
- Błędy strony zgłaszane przez Chrome.
- zmiany powodujące niezgodność, np. wycofane;
- Ulepszenia proponowane przez Narzędzia deweloperskie.
Aby pogrupować problemy, zaznacz pole Grupuj według rodzaju na pasku działań u góry panelu Problemy.
Uwzględnij problemy zgłoszone przez inne firmy
Panel Problemy domyślnie wyświetla problemy z plikami cookie innych firm.
Problemy z plikami cookie innych firm znajdziesz w sekcji AFFECTED RESOURCES (ZAKUPY DOTYCZĄCE POZIOMIE) 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 w menu z 3 kropkami obok danego problemu.
Aby zobaczyć listę ukrytych problemów, przewiń w dół do sekcji Ukryte problemy i rozwiń ją.
Aby ujawnić wszystkie problemy, kliknij Odkryj wszystkie. Aby wskazać konkretny problem, kliknij obok niego opcję Odkryj problemy tego typu w menu z 3 kropkami .
Dodatkowo włączone grupowanie pozwala ukryć całe grupy problemów, korzystając z tego samego menu z 3 kropkami obok grupy.
Wyświetl problemy w kontekście
Aby zbadać problem:
W sekcji DOZWOLONE ZASOBY 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ć.Przewiń, aby wyświetlić element, w którym występuje problem: w tym przypadku plik cookie
ck02
. Najedź kursorem na ikonę informacji po prawej stronie, aby wyświetlić problem i dowiedzieć się, jak go rozwiązać.