Problemi: individuare e risolvere i problemi

Sam Dutton

Sofia Emelianova

Utilizza il riquadro Problemi per trovare soluzioni ai problemi rilevati dal browser, ad esempio problemi relativi ai cookie e problemi contenuti.

Panoramica

Raccogliendo e raggruppando i problemi comuni, il riquadro Problemi riduce l'onere di gestire le notifiche e il disordine nella console.

A partire da ora, il riquadro Problemi riporta:

• Problemi relativi ai cookie
• Contenuti misti
• Problemi relativi al COEP
• Errori CORS
• Problemi relativi alla modalità non standard
• (Anteprima) Problemi a basso contrasto
• Problemi relativi ad Attività web attendibili
• Problemi di caricamento del foglio di stile
• @property regole CSS non valide
• Violazioni dei criteri di sicurezza del contenuto
• Problemi relativi agli attributi di completamento automatico

Le versioni future di Chrome supporteranno altri tipi di problemi.

Apri il riquadro Problemi

1. Visita una pagina con problemi da risolvere, ad esempio samesite-sandbox.glitch.me.
2. Apri DevTools.

3. Fai clic sul pulsante Apri problemi accanto a Impostazioni nell'angolo a destra della barra delle azioni in alto. A seconda della gravità del problema, il pulsante può avere un'icona rossa, gialla o blu.

   

   In alternativa, seleziona Problemi dal menu Altri strumenti di .

   

4. Nel riquadro Problemi, potresti voler ricaricare la pagina per rilevare altri problemi, questa volta che si verificano durante il caricamento pagina.

   

Nella console potrebbero essere visualizzati anche i problemi segnalati dal browser. Tuttavia, questi problemi (come l'avviso sui cookie nello screenshot di seguito) sono difficili da comprendere. Non è chiaro cosa sia necessario fare per correggerla.

Il riquadro Problemi, invece, fornisce informazioni strategiche.

Visualizza gli elementi nel riquadro Problemi

Il riquadro Problemi mostra gli avvisi del browser in modo strutturato, aggregato e pronto per l'uso in molti modi diversi.

1. Fai clic su un elemento nel riquadro Problemi per espandere il problema e ricevere indicazioni su come risolverlo e trovare le risorse interessate.

   

   Ogni elemento ha quattro componenti:

   • Un titolo che descrive il problema.
   • Una descrizione che fornisce il contesto e la soluzione.
   • Una sezione RISORSE INTERESSATE che rimanda alle risorse nei DevTools appropriati contesto, ad esempio Rete, Origini, Elementi e altri riquadri.
   • Link a ulteriori indicazioni.

2. Fai clic sugli elementi in RISORSE INTERESSATE per visualizzare i problemi nel contesto.

Raggruppa i problemi per tipo

Il riquadro Problemi conteggia il numero di risorse interessate per ogni problema e lo mostra accanto ai titoli. Inoltre, puoi organizzare i problemi in base alla gravità in tre gruppi:

• Errori di pagina segnalati da Chrome.
• Modifiche che provocano un errore, come i ritiri.
• Miglioramenti suggeriti da DevTools.

Per raggruppare i problemi, seleziona Raggruppa per tipo nella barra delle azioni nella parte superiore del riquadro Problemi.

Includi problemi di terze parti

Per impostazione predefinita, il riquadro Problemi mostra i problemi relativi ai cookie di terze parti.

Puoi rilevare i problemi relativi ai cookie di terze parti nella sezione RISORSE INTERESSATE in cui manca un link.

Per nascondere questi problemi, deseleziona Includi problemi relativi ai cookie di terze parti nella barra delle azioni nella parte superiore del riquadro Problemi.

Nascondi problemi

Per nascondere un problema, seleziona Nascondi problemi simili dal menu con tre puntini accanto al problema.

Per visualizzare l'elenco dei problemi nascosti, scorri verso il basso fino alla sezione Problemi nascosti ed espandila.

Per mostrare tutti i problemi, fai clic su Mostra tutto. Per individuare un problema specifico, seleziona Mostra problemi simili a questo dal menu con tre puntini accanto al problema.

Inoltre, con il raggruppamento attivato, puoi nascondere interi gruppi di problemi utilizzando lo stesso menu con tre puntini accanto a un gruppo.

Visualizza i problemi nel contesto

Per esaminare un problema:

1. Nella sezione RISORSE INTERESSATE, fai clic sul link di una risorsa per visualizzare l'elemento nel contesto appropriato all'interno di DevTools. In questo Ad esempio, fai clic su samesite-sandbox.glitch.me per mostrare i cookie allegati alla richiesta. Il link rimanda al riquadro Rete.

   

2. Scorri per visualizzare l'elemento che presenta un problema: in questo caso, il cookie ck02. Passa il mouse sopra a destra per vedere il problema e come risolverlo.