Utilizza il riquadro Compilazione automatica per ispezionare e eseguire il debug dei dati degli indirizzi salvati in Chrome.
Panoramica
La compilazione automatica di Chrome offre un modo pratico per compilare automaticamente i moduli sui siti web con gli indirizzi salvati. Il riquadro Completamento automatico in DevTools ti consente di ispezionare la mappatura tra i campi del modulo, i valori di completamento automatico previsti e i dati salvati.
Salvare i dati dell'indirizzo in Chrome
Per impostazione predefinita, Chrome ti chiede di salvare le informazioni sull'indirizzo che hai inserito in un modulo web quando lo invii.
Se questa richiesta non viene visualizzata, nell'angolo in alto a destra di Chrome vai a Personalizza e controlla Google Chrome > Password e compilazione automatica > Indirizzi e altro e attiva Salva e compila gli indirizzi. Qui puoi anche aggiungere nuovi indirizzi.
Se non hai dati di indirizzo salvati e non vuoi salvarli, puoi utilizzare i dati di indirizzo di prova forniti dal riquadro Compilazione automatica.
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 Apri automaticamente questo riquadro.
Per aprire manualmente il riquadro Compilazione automatica:
- Apri DevTools.
Apri il menu Comando premendo:
- macOS: Comando+Maiusc+P
- Windows, Linux, ChromeOS: Ctrl+Maiusc+P
Inizia a digitare
autofill, seleziona Mostra Riempimento automatico e premi Invio.Per impostazione predefinita, DevTools apre il riquadro nel riquadro laterale nella parte inferiore della finestra di DevTools. Puoi anche spostarlo in alto.
In alternativa, puoi aprire il riquadro Completamento automatico nei seguenti modi:
- Nella barra delle azioni in alto, fai clic su Altri riquadri e seleziona Completamento automatico dall'elenco a discesa.
- Nell'angolo in alto a destra, seleziona Personalizza e controlla DevTools > Altri strumenti > Compilazione automatica.
Ispezionare i dati di compilazione automatica
Per ispezionare i dati di compilazione automatica:
- Assicurati che la compilazione automatica sia attiva e di aver salvato le informazioni sugli indirizzi in Chrome. In alternativa, puoi utilizzare i dati degli indirizzi di test come descritto nella sezione successiva.
- Apri DevTools, ad esempio in questa pagina dimostrativa.
- Nel modulo web dell'indirizzo nella pagina di dimostrazione, metti in primo piano un campo del modulo. Chrome mostra un menu a discesa con le opzioni relative ai dati di compilazione automatica.
- 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 è attivata. In caso contrario, apri manualmente il riquadro Compilazione automatica.
Utilizzare i dati degli indirizzi di prova
Se non hai salvato i dati degli indirizzi e non vuoi farlo, puoi utilizzare i dati di test forniti dal riquadro Compilazione automatica.
Per utilizzare i dati di test:
- Apri il riquadro Compilazione automatica e attiva la Mostra i dati dell'indirizzo di prova nel menu di compilazione automatica nella parte superiore del riquadro.
- Nella pagina, fai clic con il tasto destro del mouse su un modulo di indirizzo inviato e seleziona una delle opzioni dal menu Strumenti per gli sviluppatori.
Dati e relativa mappatura
Il riquadro Compilazione automatica mostra i dati inseriti nei campi del modulo e una tabella con la mappatura tra quanto segue:
- Campo del modulo rilevato nella pagina.
- Valore previsto della compilazione automatica, che la Compilazione automatica determina utilizzando l'euristica.
- Valore, se presente, inserito da Completamento automatico nei campi riconosciuti.
