Problemen: problemen opsporen en oplossen

Sam Dutton

Sofia Emelianova

Gebruik het paneel Problemen om oplossingen te vinden voor problemen die door de browser zijn gedetecteerd, zoals cookieproblemen en gemengde inhoud.

Overzicht

Door veelvoorkomende problemen te verzamelen en te groeperen, vermindert het paneel Problemen de meldingsmoeheid en de rommel in de console .

Vanaf nu rapporteert het Issues- panel:

• Cookie-problemen
• Gemengde inhoud
• COEP-problemen
• CORS-fouten
• Problemen met de Quirks-modus
• (Voorbeeld) Problemen met laag contrast
• Problemen met vertrouwde webactiviteit
• Problemen met laden van stylesheets
• Ongeldige @property CSS-regels
• Schendingen van het inhoudsbeveiligingsbeleid
• Problemen met automatisch aanvullen van kenmerken

Toekomstige versies van Chrome ondersteunen meer probleemtypen.

Open het paneel Problemen

1. Bezoek een pagina met problemen die u kunt oplossen, zoals samesite-sandbox.glitch.me .
2. Open DevTools .

3. Klik op de knop Open problemen naast Instellingen in de rechterhoek van de actiebalk bovenaan. Afhankelijk van de ernst van het probleem kan de knop rood zijn , geel , of blauw icon.

   

   U kunt ook Problemen selecteren in het Meer tools- menu.

   

4. Als u zich eenmaal in het paneel Problemen bevindt, wilt u wellicht de pagina opnieuw laden om nog meer problemen op te lossen. Deze problemen treden deze keer op tijdens het laden van de pagina.

   

De console kan ook problemen weergeven die door de browser worden gemeld . U zult echter merken dat dergelijke problemen (zoals de cookiewaarschuwing in de onderstaande schermafbeelding) moeilijk te begrijpen zijn. Het is niet duidelijk wat je moet doen om het probleem op te lossen.

Aan de andere kant biedt het paneel Problemen u bruikbare inzichten.

Bekijk items in het deelvenster Problemen

Het paneel Problemen presenteert waarschuwingen van de browser op een gestructureerde, geaggregeerde en bruikbare manier.

1. Klik op een item in het deelvenster Problemen om het probleem uit te vouwen, advies te krijgen over hoe u het probleem kunt oplossen en de getroffen bronnen te vinden.

   

   Elk item bestaat uit vier componenten:

   • Een kop die het probleem beschrijft.
   • Een beschrijving die de context en de oplossing biedt.
   • Een sectie BETROKKEN BRONNEN die linkt naar bronnen binnen de juiste DevTools-context, zoals de panelen Network , Sources , Elements en andere.
   • Links naar verdere begeleiding.

2. Klik op de items in BETROKKEN HULPBRONNEN om de problemen in hun context te bekijken .

Groepeer problemen naar soort

Het paneel Problemen telt het aantal betrokken bronnen voor elk probleem en toont dit naast de koppen ervan. Bovendien kunt u de problemen op basis van hun ernst in drie groepen indelen:

• Paginafouten die Chrome rapporteert.
• Belangrijke wijzigingen , zoals beëindigingen.
• Verbeteringen die DevTools suggereert.

Als u problemen wilt groeperen, vinkt u aan Groepeer op soort in de actiebalk bovenaan het paneel Problemen .

Inclusief problemen van derden

In het paneel Problemen worden standaard problemen met cookies van derden weergegeven.

U kunt problemen met cookies van derden vinden in de sectie BETROKKEN BRONNEN waarin een link ontbreekt.

Om dergelijke problemen te verbergen, clear Neem cookies van derden op in de actiebalk bovenaan het paneel Problemen .

Problemen verbergen

Als u een probleem wilt verbergen, selecteert u Dit soort problemen verbergen in de menu met drie stippen naast het probleem.

Om de lijst met verborgen problemen te zien, scrolt u omlaag naar de sectie Verborgen problemen en vouwt u deze uit.

Om alle problemen zichtbaar te maken, klikt u op Alles zichtbaar maken . Om een ​​specifiek probleem zichtbaar te maken, selecteert u Problemen zoals deze zichtbaar maken in het menu met drie stippen naast het probleem.

Bovendien kunt u, als groepering is ingeschakeld , hele groepen problemen verbergen met hetzelfde menu met drie stippen naast een groep.

Bekijk problemen in hun context

Een probleem onderzoeken:

1. Klik in de sectie BETROKKEN HULPBRONNEN op een bronkoppeling om het item in de juiste context binnen DevTools te bekijken. In dit voorbeeld klikt u op samesite-sandbox.glitch.me om de cookies weer te geven die aan dat verzoek zijn gekoppeld. De link brengt u naar het Netwerkpaneel .

   

2. Scroll om het item met een probleem te bekijken: in dit geval de cookie ck02 . Beweeg over de informatiepictogram aan de rechterkant om het probleem te zien en hoe u het kunt oplossen.