Der Bereich Probleme in den Chrome-Entwicklertools reduziert die Benachrichtigungsmüdigkeit und die Übersichtlichkeit der Konsole. Sie können damit Lösungen für Probleme finden, die vom Browser erkannt werden, z. B. Cookie-Probleme und gemischte Inhalte.
Aktuell unterstützt der Bereich Probleme:
- Cookie-Probleme
- Gemischte Inhalte
- COEP-Probleme
- CORS-Fehler
- Probleme mit dem Quirks-Modus
- (Vorschau) Probleme mit geringem Kontrast
- Probleme mit vertrauenswürdigen Webaktivitäten
- Probleme beim Laden des Stylesheets
- Ungültige
@property
CSS-Regeln - Verstöße gegen die Content Security Policy
- Probleme mit automatisch vervollständigten Attributen
In zukünftigen Versionen von Chrome werden weitere Problemtypen unterstützt.
Bereich „Probleme“ öffnen
- Rufen Sie eine Seite mit zu behebenden Problemen auf, z. B. samesite-sandbox.glitch.me.
- Öffnen Sie die Entwicklertools.
Klicke oben rechts in der Aktionsleiste neben Einstellungen auf die Schaltfläche Probleme öffnen. Je nach Schweregrad des Problems kann die Schaltfläche ein rotes -, gelbes - oder blaues -Symbol haben.
Alternativ können Sie im Menü Weitere Tools die Option Probleme auswählen.
Wenn Sie sich im Bereich Probleme befinden, können Sie die Seite aktualisieren, um weitere Probleme zu erkennen. Dieses Mal tritt die Seite beim Laden der Seite auf.
In der Konsole können auch vom Browser gemeldete Probleme angezeigt werden. Sie werden jedoch feststellen, dass solche Probleme (wie die Cookie-Warnung im Screenshot unten) schwer zu verstehen sind. Es ist nicht klar, was Sie tun müssen, um es zu beheben.
Der Bereich Probleme hingegen bietet umsetzbare Informationen.
Elemente im Bereich „Probleme“ ansehen
Im Bereich Probleme werden Warnungen des Browsers strukturiert, zusammengefasst und interaktiv dargestellt.
Klicken Sie im Bereich Probleme auf ein Element, um das Problem zu maximieren und eine Anleitung zur Behebung sowie die betroffenen Ressourcen zu erhalten.
Jedes Element besteht aus vier Komponenten:
- Eine Überschrift, in der das Problem beschrieben wird.
- Eine Beschreibung, die den Kontext und die Lösung liefert.
- den Bereich AFFECTED RESOURCES (AFFECTED-RESSOURCEN), der auf Ressourcen im entsprechenden Entwicklertools-Kontext verweist, z. B. Network (Netzwerk), Sources (Quellen), Elements (Elemente) und andere Bereiche
- Links zu weiteren Anleitungen.
Klicken Sie auf die Elemente unter Betroffene Ressourcen, um die Probleme im Kontext anzusehen.
Probleme nach Art gruppieren
Im Bereich Probleme wird die Anzahl der betroffenen Ressourcen für jedes Problem gezählt und neben den entsprechenden Überschriften angezeigt. Außerdem können Sie die Probleme nach Schweregrad in drei Gruppentypen organisieren:
- Seitenfehler, die Chrome meldet.
- Wichtige Änderungen wie Einstellungen.
- Verbesserungen, die von den Entwicklertools vorgeschlagen werden.
Wenn Sie Probleme gruppieren möchten, aktivieren Sie in der Aktionsleiste oben im Bereich Probleme die Option Nach Art gruppieren.
Probleme von Drittanbietern einschließen
Im Bereich Probleme werden standardmäßig Probleme mit Drittanbieter-Cookies angezeigt.
Probleme mit Drittanbieter-Cookies finden Sie im Abschnitt AFFECTED RESOURCES (Betroffene Ressourcen), bei dem ein Link fehlt.
Wenn Sie solche Probleme ausblenden möchten, entfernen Sie im Bereich Probleme oben in der Aktionsleiste die Option Probleme mit Drittanbieter-Cookies einbeziehen.
Probleme ausblenden
Wenn Sie ein Problem ausblenden möchten, wählen Sie im Dreipunkt-Menü neben dem Problem Ähnliche Probleme ausblenden aus.
Wenn Sie die Liste der ausgeblendeten Probleme sehen möchten, scrollen Sie nach unten zum Abschnitt Ausgeblendete Probleme und maximieren Sie ihn.
Klicken Sie auf Alle einblenden, um alle Probleme einzublenden. Wenn Sie ein bestimmtes Problem sehen möchten, wählen Sie im Dreipunkt-Menü neben dem Problem Ähnliche Probleme einblenden aus.
Wenn die Gruppierung aktiviert ist, können Sie außerdem über das Dreipunkt-Menü neben einer Gruppe ganze Gruppen von Problemen ausblenden.
Probleme im Kontext ansehen
So untersuchen Sie ein Problem:
Klicken Sie im Abschnitt AFFECTED RESSOURCES (Betroffene Ressourcen) auf einen Ressourcenlink, um das Element im entsprechenden Kontext in den Entwicklertools aufzurufen. Klicken Sie in diesem Beispiel auf
samesite-sandbox.glitch.me
, um die mit dieser Anfrage verknüpften Cookies aufzurufen. Über den Link gelangen Sie zum Bereich Netzwerk.Scrollen Sie, um das Element mit einem Problem anzusehen: in diesem Fall das Cookie
ck02
. Bewegen Sie den Mauszeiger auf das Informationssymbol auf der rechten Seite, um das Problem zu sehen und zu erfahren, wie Sie es beheben können.