Le panneau Saisie automatique vous permet d'inspecter et de déboguer les informations d'adresse enregistrées dans Chrome.
Présentation
La saisie automatique de Chrome permet de remplir automatiquement des formulaires sur des sites Web à l'aide d'adresses enregistrées. Le panneau Autofill (Saisie automatique) des outils de développement vous permet d'inspecter la correspondance entre les champs de formulaire, les valeurs de saisie automatique prédites et les données enregistrées.
Enregistrer des informations d'adresse dans Chrome
Par défaut, Chrome vous invite à enregistrer les adresses que vous avez saisies dans un formulaire Web lorsque vous l'avez envoyé.
Si aucune invite ne s'affiche, en haut à droite de Chrome, accédez à Personnaliser et contrôler Google Chrome > Mots de passe et saisie automatique > Adresses et plus, puis activez Enregistrer et saisir les adresses. Vous pouvez également ajouter des adresses ici.
Si vous n'avez pas enregistré de données d'adresse et que vous ne souhaitez pas en enregistrer, vous pouvez utiliser les données d'adresse de test fournies par le panneau Saisie automatique.
Ouvrir le panneau "Saisie automatique"
Par défaut, le panneau Saisie automatique s'ouvre automatiquement si les outils de développement sont ouverts et lorsque vous saisissez automatiquement un formulaire sur un site Web. Pour désactiver cette option, ouvrez le panneau manuellement et décochez la case Ouvrir automatiquement ce panneau.
Pour ouvrir manuellement le panneau Saisie automatique:
- Accédez aux outils de développement.
Ouvrez le menu Commande en appuyant sur:
- macOS : Cmd+Maj+P
- Windows, Linux et ChromeOS : Ctrl+Maj+P
Commencez à saisir
autofill, sélectionnez Afficher la saisie automatique, puis appuyez sur Entrée.Par défaut, DevTools ouvre le panneau dans le volet en bas de la fenêtre DevTools. Vous pouvez également la déplacer vers le haut de la page.
Vous pouvez également ouvrir le panneau Remplissage automatique de différentes manières:
- Dans la barre d'action en haut de l'écran, cliquez sur Autres panneaux, puis sélectionnez Remplissage automatique dans le menu déroulant.
- En haut à droite, sélectionnez Personnaliser et contrôler les outils de développement > Plus d'outils > Saisie automatique.
Inspecter les données de saisie automatique
Pour inspecter les données de saisie automatique:
- Assurez-vous que la saisie automatique est activée et que vous avez enregistré des adresses dans Chrome. Vous pouvez également utiliser des données d'adresse de test, comme décrit dans la section suivante.
- Ouvrez les outils de développement, par exemple sur cette page de démonstration.
- Dans le formulaire Web d'adresse de la page de démonstration, sélectionnez un champ du formulaire. Chrome affiche un menu déroulant avec des options de saisie automatique des données.
- Sélectionnez une option dans le menu. La saisie automatique remplit le formulaire avec les données enregistrées. Les outils de développement ouvrent le panneau Saisie automatique si l'ouverture automatique est activée. Sinon, ouvrez manuellement le panneau Saisie automatique.
Utiliser des données d'adresse test
Si vous n'avez pas enregistré de données d'adresse et que vous ne souhaitez pas les enregistrer, vous pouvez utiliser les données de test fournies par le panneau Saisie automatique.
Pour utiliser les données de test:
- Ouvrez le panneau Saisie automatique et activez la Afficher les données d'adresse de test dans le menu de saisie automatique en haut du panneau.
- Sur la page, effectuez un clic droit sur un formulaire d'adresse, puis sélectionnez l'une des options du menu Outils pour les développeurs.
Données et mappage
Le panneau Remplissage automatique affiche les données qu'il a insérées dans les champs du formulaire et un tableau avec un mappage entre les éléments suivants:
- Champ de formulaire détecté sur la page.
- La valeur de saisie automatique prédite, que Autofill détermine à l'aide d'une heuristique.
- Valeur, le cas échéant, que la fonctionnalité de saisie automatique a insérée dans les champs qu'elle reconnaît.
