Im Bereich Probleme finden Sie Lösungen für Probleme, die vom Browser erkannt wurden, z. B. Cookie-Probleme und gemischte Inhalte.
Übersicht
Im Bereich Probleme werden häufige Probleme gesammelt und gruppiert, um die Anzahl der Benachrichtigungen zu reduzieren und die Übersicht in der Console zu verbessern.
Derzeit werden im Bereich Probleme folgende Informationen angezeigt:
- Cookie-Probleme
- Gemischte Inhalte
- COEP-Probleme
- CORS-Fehler
- Probleme mit dem Quirks-Modus
- (Vorabversion) Probleme mit geringem Kontrast
- Probleme mit vertrauenswürdigen Webaktivitäten
- Probleme beim Laden von Stylesheets
- Ungültige
@property
-CSS-Regeln - Verstöße gegen die Content Security Policy
- Probleme mit dem Attribut „Autocomplete“
In zukünftigen Versionen von Chrome werden weitere Problemtypen unterstützt.
Bereich „Probleme“ öffnen
- Rufen Sie eine Seite mit Problemen auf, z. B. samesite-sandbox.glitch.me.
- Öffnen Sie die Entwicklertools.
Klicken Sie rechts oben in der Aktionsleiste auf die Schaltfläche Offene Probleme neben
Einstellungen. 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 finden, die beim Laden der Seite auftreten.
In der Console werden möglicherweise auch vom Browser gemeldete Probleme angezeigt. Sie werden jedoch feststellen, dass solche Probleme (wie die Cookie-Warnung im Screenshot unten) schwer verständlich sind. Es ist nicht klar, was Sie tun müssen, um das Problem zu beheben.
Im Bereich Probleme finden Sie hingegen umsetzbare Informationen.
Elemente im Bereich „Probleme“ ansehen
Im Bereich Probleme werden Warnungen des Browsers strukturiert, aggregiert und umsetzbar dargestellt.
Klicken Sie im Bereich Probleme auf ein Element, um das Problem zu maximieren und Informationen zur Behebung sowie betroffene Ressourcen zu erhalten.
Jeder Artikel hat vier Komponenten:
- Eine Überschrift, die das Problem beschreibt.
- Eine Beschreibung, die Kontext und Lösung liefert.
- Einen Abschnitt BETROFFENE RESSOURCEN mit Links zu Ressourcen im entsprechenden DevTools-Kontext, z. B. Netzwerk, Quellen, Elemente und andere Bereiche.
- Links zu weiteren Informationen
Klicken Sie auf die Elemente unter BETROFFENE RESSOURCEN, um sich 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 Überschriften angezeigt. Außerdem können Sie die Probleme nach Schweregrad in drei Gruppen unterteilen:
Seitenfehler, die von Chrome gemeldet werden.
Nicht abwärtskompatible Änderungen, z. B. Einstellung von Funktionen.
Verbesserungen, die in den DevTools vorgeschlagen werden.
Wenn Sie Probleme gruppieren möchten, setzen Sie oben im Bereich Probleme in der Aktionsleiste ein Häkchen bei Nach Art gruppieren.
Probleme mit Drittanbietern berücksichtigen
Im Bereich Probleme werden standardmäßig Probleme mit Drittanbieter-Cookies angezeigt.
Probleme mit Drittanbieter-Cookies finden Sie im Abschnitt BETROFFENE RESSOURCEN, in dem ein Link fehlt.
Wenn Sie diese Probleme ausblenden möchten, deaktivieren Sie in der Aktionsleiste oben im Bereich Probleme die Option Mit Problemen von Drittanbieter-Cookies.
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 aufrufen möchten, scrollen Sie nach unten zum Abschnitt Ausgeblendete Probleme und maximieren Sie ihn.
Wenn Sie alle Probleme sehen möchten, klicken Sie auf Alle einblenden. Wenn Sie ein bestimmtes Problem sehen möchten, wählen Sie im Dreipunkt-Menü neben dem Problem die Option Ähnliche Probleme einblenden aus.
Wenn die Gruppierung aktiviert ist, können Sie über das Dreipunkt-Menü neben einer Gruppe auch ganze Problemgruppen ausblenden.
Probleme im Kontext ansehen
So untersuchen Sie ein Problem:
Klicken Sie im Abschnitt BETROFFENE RESSOURCEN auf einen Ressourcenlink, um sich das Element im entsprechenden Kontext in DevTools anzusehen. Klicken Sie in diesem Beispiel auf
samesite-sandbox.glitch.me
, um die mit dieser Anfrage verknüpften Cookies zu sehen. Über den Link gelangen Sie zum Bereich Netzwerk.Scrollen Sie zu dem Artikel mit dem Problem, in diesem Fall zum Cookie
ck02
. Bewegen Sie den Mauszeiger rechts auf das-Informationssymbol, um das Problem und die Lösung zu sehen.