Используйте панель автозаполнения для проверки и отладки информации об адресе, сохраненной в Chrome.
Обзор
Chrome Autofill предоставляет удобный способ автоматического заполнения форм на веб-сайтах с сохраненными адресами. Панель «Автозаполнение» в DevTools позволяет проверять соответствие между полями формы, прогнозируемыми значениями автозаполнения и сохраненными данными.
Сохранить информацию об адресе в Chrome
По умолчанию Chrome предлагает вам сохранить информацию об адресе, введенную вами в веб-форму, при ее отправке.
Если такого запроса нет, в правом верхнем углу Chrome перейдите к more_vert Настройка и управление Google Chrome > ключевой пароль и автозаполнение > location_on Адреса и т. д. и включите toggle_on Сохранить и заполнить адреса . Здесь вы также можете добавить новые адреса .
Откройте панель автозаполнения
По умолчанию панель автозаполнения открывается автоматически, если открыты DevTools и когда вы автоматически заполняете форму на веб-сайте. Чтобы отключить эту функцию, откройте панель вручную и снимите флажок check_box_outline_blank Автоматически открывать эту панель .
Чтобы вручную открыть панель автозаполнения :
- Откройте Инструменты разработчика .
Откройте командное меню, нажав:
- macOS: Command + Shift + P
- Windows, Linux, ChromeOS: Control + Shift + P.
Начните вводить
autofill, выберите « Показать автозаполнение» и нажмите Enter .DevTools по умолчанию открывает панель в ящике внизу окна DevTools. Вы также можете переместить его наверх .
Альтернативно вы можете открыть панель автозаполнения следующими способами:
- На панели действий вверху нажмите double_arrow « Другие панели» и выберите «Автозаполнение» в раскрывающемся списке.
- В правом верхнем углу выберите more_vert Настройка и управление DevTools > Дополнительные инструменты > Автозаполнение .
Проверка данных автозаполнения
Чтобы проверить данные автозаполнения:
- Убедитесь, что автозаполнение включено и информация об адресе сохранена в Chrome.
- Откройте DevTools , например, на этой демонстрационной странице .
- В адресной веб-форме на демонстрационной странице выделите поле формы. Chrome отображает раскрывающееся меню с параметрами автозаполнения данных.
- Выберите опцию из меню. Автозаполнение заполняет форму сохраненными данными, а DevTools открывает панель автозаполнения , если автоматическое открытие включено . В противном случае откройте панель автозаполнения вручную.
Данные и их отображение
На панели «Автозаполнение» отображаются данные, вставленные в поля формы, и таблица с сопоставлением следующих элементов:
- На странице обнаружено поле формы .
- Прогнозируемое значение автозаполнения , которое автозаполнение определяет с помощью эвристики.
- Значение , если таковое имеется, которое автозаполнение вставляет в распознанные поля.
