Autouzupełnianie: sprawdzanie i debugowanie zapisanych adresów

Sofia Emelianova
Sofia Emelianova

W panelu Autouzupełnianie możesz sprawdzić i debugować informacje o adresie zapisane w Chrome.

Omówienie

Autouzupełnianie w Chrome to wygodny sposób automatycznego wypełniania formularzy na stronach internetowych przy użyciu zapisanych adresów. Panel Autouzupełnianie w Narzędziach deweloperskich umożliwia sprawdzanie mapowania między polami formularza, prognozowanymi wartościami autouzupełniania i zapisanymi danymi.

Zapisywanie informacji o adresach w Chrome

Domyślnie Chrome prosi o zapisanie adresu podawanego w formularzu internetowym podczas przesyłania.

Prośba o zapisanie informacji o adresie.

Jeśli nie ma takiego komunikatu, w prawym górnym rogu Chrome wybierz Dostosowywanie i kontrolowanie Google Chrome > Hasło i autouzupełnianie > Adresy i ustawienia, a następnie włącz Zapisuj i automatycznie uzupełniaj adresy. Tutaj możesz też dodać nowe adresy.

Opcja menu „Adresy i ustawienia”.

Jeśli nie masz zapisanych danych adresowych i nie chcesz ich zapisywać, możesz użyć testowych danych adresowych, które są dostępne w panelu Autouzupełnianie.

Otwórz panel autouzupełniania

Domyślnie panel Autouzupełnianie otwiera się automatycznie, gdy są otwarte Narzędzia deweloperskie i gdy uzupełnisz formularz na stronie internetowej. Aby wyłączyć tę funkcję, otwórz panel ręcznie i odznacz pole wyboru Automatycznie otwieraj ten panel.

Aby ręcznie otworzyć panel Autouzupełnianie:

  1. Otwórz Narzędzia deweloperskie.
  2. Otwórz menu polecenia, naciskając:

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

    Menu poleceń z

  3. Zacznij pisać autofill, wybierz Pokaż autouzupełnianie i naciśnij Enter.

    Narzędzia dla deweloperów otwierają panel w schowku u dołu okna. Możesz też przenieść go na początek.

Panel Autouzupełnianie możesz otworzyć na kilka sposobów:

  • Na pasku akcji u góry kliknij  Więcej paneli i na liście kliknij Autouzupełnianie.
  • W prawym górnym rogu kliknij Dostosowywanie i sterowanie Narzędziami deweloperskimi > Więcej narzędzi > Autouzupełnianie.

Sprawdzanie danych autouzupełniania

Aby sprawdzić dane autouzupełniania:

  1. Upewnij się, że Autouzupełnianie jest włączone i masz zapisane dane adresowe w Chrome. Możesz też użyć danych adresu testowego w sposób opisany w następnej sekcji.
  2. Otwórz Narzędzia deweloperskie, na przykład na stronie demonstracyjnej.
  3. W formularzu internetowym adresu na stronie demonstracyjnej ustaw fokus na polu formularza. W Chrome wyświetlane jest menu z opcjami danych autouzupełniania.
  4. Wybierz opcję w menu. Autouzupełnianie wypełnia formularz za pomocą zapisanych danych, a DevTools otwiera panel Autouzupełnianie, jeśli auto-otwieranie jest włączone. W przeciwnym razie otwórz panel Autouzupełnianie ręcznie.

Wybrano opcję autouzupełniania danych.

Korzystanie z testowych danych adresowych

Jeśli nie masz zapisanych danych adresowych i nie chcesz ich zapisywać, możesz użyć danych testowych, które są dostępne w panelu Autouzupełnianie.

Aby użyć danych testowych:

  1. Otwórz panel Autouzupełnianie i w górnej części panelu włącz Pokaż dane adresu testowego w menu autouzupełniania.
  2. Na stronie kliknij prawym przyciskiem myszy wypełniony formularz adresowy i wybierz jedną z opcji z menu Narzędzia dla programistów.

Menu „Narzędzia dla programistów” z opcjami danych adresu testowego.

Dane i ich mapowanie

W panelu Autouzupełnianie widać dane wstawione w pola formularza oraz tabelę z mapowaniem tych elementów:

  • Na stronie wykryto pole formularza.
  • Prognozowana wartość autouzupełniania, którą Autouzupełnianie określa na podstawie heurystyki.
  • Wartość, jeśli została wstawiona przez Autouzupełnianie w rozpoznanych polach.

Panel Autouzupełnianie.

Problemy z autouzupełnianiem wykryte przez panel Problemy.