Compilazione automatica: esaminare ed eseguire il debug degli indirizzi salvati

Sofia Emelianova
Sofia Emelianova

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 i dati dell'indirizzo inseriti in un modulo web quando lo invii.

Una richiesta di salvataggio dei dati dell'indirizzo.

Se non viene visualizzata questa richiesta, 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.

L'opzione di menu "Indirizzi e altro".

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 opzione, apri il riquadro manualmente e deseleziona la casella di controllo 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

    Menu dei comandi con

  3. 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:

  1. Assicurati che l'opzione Compilazione automatica sia attivata e che tu abbia salvato i dati dell'indirizzo in Chrome. In alternativa, puoi utilizzare i dati dell'indirizzo di test come descritto nella sezione successiva.
  2. Apri DevTools, ad esempio in questa pagina dimostrativa.
  3. 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 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 è attivata. In caso contrario, apri manualmente il riquadro Compilazione automatica.

È stata selezionata un'opzione di compilazione automatica dei dati.

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:

  1. 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.
  2. 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.

Il menu "Strumenti per sviluppatori" con le opzioni per i dati dell'indirizzo di test.

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 di compilazione automatica previsto, che Compilazione automatica determina utilizzando l'euristica.
  • Valore, se presente, inserito da Completamento automatico nei campi riconosciuti.

Il riquadro Compilazione automatica.

Problemi di completamento automatico rilevati dal riquadro Problemi.