Problemen: problemen opsporen en oplossen

Sam Dutton

Sofia Emelianova

Het paneel Problemen in Chrome DevTools vermindert de meldingsvermoeidheid en de rommeligheid van de console . Gebruik het om oplossingen te vinden voor problemen die door de browser worden gedetecteerd, zoals cookieproblemen en gemengde inhoud.

Opmerking: het paneel Problemen blijft ondersteuning toevoegen voor nieuwe typen problemen.

Vanaf nu ondersteunt het paneel Problemen het volgende :

• 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 icoon.

   

   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

Opmerking: dit is een voorbeeldfunctie die standaard is uitgeschakeld. Om dit in te schakelen, vinkt u dit aan Instellingen > Experimenten > Sta het groeperen en verbergen van problemen toe op soort probleem .

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 groeperen 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.