Compilazione automatica: esaminare ed eseguire il debug degli indirizzi salvati

Sofia Emelianova

Utilizza il riquadro Compilazione automatica per esaminare le informazioni sugli indirizzi salvate in Chrome ed eseguirne il debug.

Panoramica

La compilazione automatica di Chrome consente di compilare in modo pratico i moduli automaticamente sui siti web con indirizzi salvati. Il riquadro Compilazione automatica in DevTools ti consente di esaminare la mappatura tra i campi dei moduli, i valori di compilazione automatica previsti e i dati salvati.

Salvare le informazioni degli indirizzi in Chrome

Per impostazione predefinita, Chrome ti chiede di salvare le informazioni sull'indirizzo inserite in un modulo web al momento dell'invio.

Se non viene visualizzata questa richiesta, nell'angolo in alto a destra di Chrome, vai a more_vert Personalizza e controlla Google Chrome > chiave Password e compilazione automatica > location_on Indirizzi e altro e attiva toggle_on Salva e compila gli indirizzi. Puoi anche aggiungere nuovi indirizzi qui.

Apri il riquadro Compilazione automatica

Per impostazione predefinita, il riquadro Compilazione automatica si apre automaticamente se DevTools è aperto e quando compili automaticamente un modulo su un sito web. Per disattivare questa impostazione, apri il riquadro manualmente e deseleziona la casella di controllo check_box_outline_blank Apri automaticamente questo riquadro.

Per aprire manualmente il riquadro Compilazione automatica:

1. Apri DevTools.

2. Apri il menu Comando premendo:

   • macOS: Comando+Maiusc+P
   • Windows, Linux, ChromeOS: Ctrl+Maiusc+P

   

3. Inizia a digitare autofill, seleziona Mostra compilazione automatica e premi Invio.

   Per impostazione predefinita, DevTools apre il riquadro nel riquadro a scomparsa nella parte inferiore della finestra DevTools. Puoi anche spostarlo nella parte superiore.

In alternativa, puoi aprire il riquadro Compilazione automatica nei seguenti modi:

• Nella barra delle azioni in alto, fai clic su double_arrow Altri riquadri e seleziona Compilazione automatica dall'elenco a discesa.
• Nell'angolo in alto a destra, seleziona more_vert Personalizza e controlla DevTools > Altri strumenti > Compilazione automatica.

Ispeziona dati di compilazione automatica

Per esaminare i dati della compilazione automatica:

1. Assicurati che la compilazione automatica sia attiva e di avere salvato le informazioni sugli indirizzi in Chrome.
2. Apri DevTools, ad esempio, in questa pagina demo.
3. Nel modulo web dell'indirizzo nella pagina demo, attiva un campo modulo. Chrome mostra un menu a discesa con opzioni per la compilazione automatica dei dati.
4. Seleziona un'opzione dal menu. La compilazione automatica compila il modulo con i dati salvati e DevTools apre il riquadro Compilazione automatica se l'apertura automatica è attiva. In caso contrario, apri manualmente il riquadro Compilazione automatica.

Dati e relativa mappatura

Il riquadro Compilazione automatica mostra i dati inseriti nei campi del modulo e una tabella con una mappatura tra i seguenti elementi:

• Campo del modulo rilevato nella pagina.
• Valore di compilazione automatica previsto, che la funzione Compilazione automatica determina utilizzando l'euristica.
• Valore, se presente, che la Compilazione automatica ha inserito nei campi che ha riconosciuto.