Utilisez le panneau Saisie automatique pour inspecter et déboguer les informations d'adresse enregistrées dans Chrome.
Présentation
La saisie automatique de Chrome vous permet de remplir automatiquement des formulaires sur des sites Web à l'aide d'adresses enregistrées. Le panneau Auto-remplissage de DevTools vous permet d'inspecter le mappage entre vos champs de formulaire, les valeurs de saisie semi-automatique prévues et les données enregistrées.
Enregistrer des informations d'adresse dans Chrome
Par défaut, Chrome vous invite à enregistrer les informations d'adresse que vous saisissez dans un formulaire Web lorsque vous l'envoyez.
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.
Pour ouvrir le menu Command (Commande), appuyez sur:
- macOS: Command+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 le déplacer en haut.
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 pour les développeurs, par exemple sur cette page de démonstration.
- Dans le formulaire Web d'adresse de la page de démonstration, mettez en surbrillance un champ de 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, et DevTools ouvre 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 champ de 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, ainsi qu'un tableau avec un mappage entre les éléments suivants:
- Champ de formulaire détecté sur la page.
- Valeur de saisie automatique prédite, que Saisie automatique détermine à l'aide d'heuristiques.
- Valeur, le cas échéant, que Remplissage automatique a insérée dans les champs qu'il a reconnus.
