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