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

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

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

Обзор

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

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

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

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

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

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

Если у вас нет сохраненных адресных данных и вы не хотите их сохранять, вы можете использовать тестовые адресные данные, предоставленные панелью «Автозаполнение» .

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Использовать данные тестового адреса

Если у вас нет сохраненных адресных данных и вы не хотите их сохранять, вы можете использовать тестовые данные, которые предоставляет панель автозаполнения .

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

  1. Откройте панель автозаполнения и включите Показывать данные тестового адреса» в меню автозаполнения вверху панели.
  2. На странице щелкните правой кнопкой мыши поле формы адреса и выберите один из вариантов в меню «Инструменты разработчика» .

Меню «Инструменты разработчика» с параметрами данных тестового адреса.

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

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

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

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

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

,

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

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

Обзор

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

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

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

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

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

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

Если у вас нет сохраненных адресных данных и вы не хотите их сохранять, вы можете использовать тестовые адресные данные, предоставленные панелью «Автозаполнение» .

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Использовать данные тестового адреса

Если у вас нет сохраненных адресных данных и вы не хотите их сохранять, вы можете использовать тестовые данные, которые предоставляет панель автозаполнения .

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

  1. Откройте панель автозаполнения и включите Показывать данные тестового адреса» в меню автозаполнения вверху панели.
  2. На странице щелкните правой кнопкой мыши поле формы адреса и выберите один из вариантов в меню «Инструменты разработчика» .

Меню «Инструменты разработчика» с параметрами данных тестового адреса.

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

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

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

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

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