Автозаполнение: проверка и отладка сохраненных адресов.

София Емельянова
Sofia Emelianova

Используйте панель автозаполнения для проверки и отладки информации об адресе, сохраненной в Chrome.

Обзор

Chrome Autofill предоставляет удобный способ автоматического заполнения форм на веб-сайтах с сохраненными адресами. Панель «Автозаполнение» в DevTools позволяет проверять соответствие между полями формы, прогнозируемыми значениями автозаполнения и сохраненными данными.

Сохранить информацию об адресе в Chrome

По умолчанию Chrome предлагает вам сохранить информацию об адресе, введенную вами в веб-форму, при ее отправке.

Предложение сохранить информацию об адресе.

Если такого запроса нет, в правом верхнем углу Chrome перейдите к more_vert Настройка и управление Google Chrome > ключевой пароль и автозаполнение > location_on Адреса и т. д. и включите toggle_on Сохранить и заполнить адреса . Здесь вы также можете добавить новые адреса .

Пункт меню «Адреса и прочее».

Откройте панель автозаполнения

По умолчанию панель автозаполнения открывается автоматически, если открыты DevTools и когда вы автоматически заполняете форму на веб-сайте. Чтобы отключить эту функцию, откройте панель вручную и снимите флажок check_box_outline_blank Автоматически открывать эту панель .

Чтобы вручную открыть панель автозаполнения :

  1. Откройте Инструменты разработчика .
  2. Откройте командное меню, нажав:

    • macOS: Command + Shift + P
    • Windows, Linux, ChromeOS: Control + Shift + P.

    Командное меню с

  3. Начните вводить autofill , выберите « Показать автозаполнение» и нажмите Enter .

    DevTools по умолчанию открывает панель в ящике внизу окна DevTools. Вы также можете переместить его наверх .

Альтернативно вы можете открыть панель автозаполнения следующими способами:

  • На панели действий вверху нажмите double_arrow « Другие панели» и выберите «Автозаполнение» в раскрывающемся списке.
  • В правом верхнем углу выберите more_vert Настройка и управление DevTools > Дополнительные инструменты > Автозаполнение .

Проверка данных автозаполнения

Чтобы проверить данные автозаполнения:

  1. Убедитесь, что автозаполнение включено и информация об адресе сохранена в Chrome.
  2. Откройте DevTools , например, на этой демонстрационной странице .
  3. В адресной веб-форме на демонстрационной странице выделите поле формы. Chrome отображает раскрывающееся меню с параметрами автозаполнения данных.
  4. Выберите опцию из меню. Автозаполнение заполняет форму сохраненными данными, а DevTools открывает панель автозаполнения , если автоматическое открытие включено . В противном случае откройте панель автозаполнения вручную.

Выбран вариант автозаполнения данных.

Данные и их отображение

На панели «Автозаполнение» отображаются данные, вставленные в поля формы, и таблица с сопоставлением следующих элементов:

  • На странице обнаружено поле формы .
  • Прогнозируемое значение автозаполнения , которое автозаполнение определяет с помощью эвристики.
  • Значение , если таковое имеется, которое автозаполнение вставляет в распознанные поля.

Панель автозаполнения.

Проблемы с автозаполнением, обнаруженные на панели «Проблемы».