Autocompletar: Inspecciona y depura direcciones guardadas

Sofia Emelianova
Sofia Emelianova

Usa el panel Autocompletar para inspeccionar y depurar la información de direcciones que se guardó en Chrome.

Descripción general

La función Autocompletar de Chrome ofrece una manera conveniente de completar formularios de manera automática en sitios web con direcciones guardadas. El panel Autocompletar de las Herramientas para desarrolladores te permite inspeccionar la asignación entre los campos del formulario, los valores de autocompletado previstos y los datos guardados.

Guardar información de la dirección en Chrome

De forma predeterminada, Chrome te solicita que guardes la información de la dirección que ingresaste en un formulario web cuando lo enviaste.

Un mensaje para guardar la información de la dirección.

Si no se muestra ese mensaje, en la esquina superior derecha de Chrome, navega a more_vert Personalizar y controlar Google Chrome > clave Contraseña y Autocompletar > location_on Direcciones y más y activa toggle_on Guardar y completar direcciones. También puedes agregar direcciones nuevas aquí.

La opción del menú "Direcciones y más".

Abrir el panel Autocompletar

De forma predeterminada, el panel Autocompletar se abre automáticamente si Herramientas para desarrolladores está abierto y cuando autocompletas un formulario en un sitio web. Para desactivarlo, abre el panel de forma manual y desmarca la casilla de verificación check_box_outline_blank de Abrir este panel automáticamente.

Para abrir el panel Autocompletar de forma manual, haz lo siguiente:

  1. Abre Herramientas para desarrolladores.
  2. Abre el menú Command. Para ello, presiona lo siguiente:

    • macOS: Comando + Mayúsculas + P
    • Windows, Linux y ChromeOS: Control + Mayúsculas + P

    Menú de comandos con

  3. Comienza a escribir autofill, selecciona Mostrar autocompletado y presiona Intro.

    De forma predeterminada, Herramientas para desarrolladores abre el panel en el panel lateral ubicado en la parte inferior de la ventana de Herramientas para desarrolladores. También puedes moverla a la parte superior.

También puedes abrir el panel Autocompletar de las siguientes maneras:

  • En la barra de acciones de la parte superior, haz clic en double_arrow Más paneles y selecciona Autocompletar en la lista desplegable.
  • En la esquina superior derecha, selecciona more_vert Customize and control Herramientas para desarrolladores > Más herramientas > Autocompletar.

Cómo inspeccionar datos de autocompletado

Para inspeccionar los datos de autocompletado, haz lo siguiente:

  1. Asegúrate de que la opción Autocompletar esté activada y de que tengas la información de la dirección guardada en Chrome.
  2. Abre Herramientas para desarrolladores, por ejemplo, en esta página de demostración.
  3. En el formulario web de direcciones de la página de demostración, enfoca un campo de formulario. Chrome muestra un menú desplegable con opciones para autocompletar datos.
  4. Selecciona una opción del menú. Autocompletar completa el formulario con los datos guardados, y Herramientas para desarrolladores abre el panel Autocompletar si la apertura automática está activada. De lo contrario, abre el panel Autocompletar de forma manual.

Se seleccionó la opción de autocompletar datos.

Los datos y su asignación

El panel Autocompletar muestra los datos que insertó en los campos del formulario y una tabla con asignaciones entre las siguientes opciones:

  • Se detectó un campo de formulario en la página.
  • Valor de autocompletado previsto, que Autocompletar determina mediante heurística
  • Valor, si lo hay, que Autocompletar insertó en los campos que reconoció.

El panel Autocompletar

Problemas de Autocomplete detectados por el panel Problemas.