Isi otomatis: Memeriksa dan men-debug alamat yang disimpan

Sofia Emelianova
Sofia Emelianova

Gunakan panel Isi Otomatis untuk memeriksa dan men-debug info alamat yang disimpan ke Chrome.

Ringkasan

Isi Otomatis Chrome menyediakan cara yang mudah untuk mengisi formulir secara otomatis di situs dengan alamat yang tersimpan. Panel Isi Otomatis di DevTools memungkinkan Anda memeriksa pemetaan antara kolom formulir, prediksi nilai isi otomatis, dan data yang tersimpan.

Menyimpan info alamat ke Chrome

Secara default, Chrome akan meminta Anda untuk menyimpan info alamat yang Anda masukkan ke formulir web saat Anda mengirimkannya.

Perintah untuk menyimpan info alamat.

Jika tidak ada perintah seperti itu, di pojok kanan atas Chrome, buka more_vert Sesuaikan dan kontrol Google Chrome > kunci Sandi dan Isi Otomatis > location_on Alamat dan lainnya, lalu aktifkan toggle_on Simpan dan isi alamat. Anda juga dapat menambahkan alamat baru di sini.

Opsi menu 'Alamat dan lainnya'.

Buka panel Isi Otomatis

Secara default, panel Isi Otomatis akan otomatis terbuka jika DevTools terbuka dan saat Anda mengisi otomatis formulir di situs. Untuk menonaktifkannya, buka panel secara manual dan hapus centang pada kotak check_box_outline_blank Otomatis buka panel ini.

Untuk membuka panel Isi Otomatis secara manual:

  1. Buka DevTools.
  2. Buka menu Command dengan menekan:

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

    Menu Perintah dengan

  3. Mulai ketik autofill, pilih Tampilkan Isi Otomatis, lalu tekan Enter.

    DevTools membuka panel di Panel Samping di bagian bawah jendela DevTools secara default. Anda juga dapat memindahkannya ke atas.

Atau, Anda dapat membuka panel Isi Otomatis dengan cara berikut:

  • Pada panel tindakan di bagian atas, klik double_arrow Panel lainnya dan pilih Isi Otomatis dari menu drop-down.
  • Di sudut kanan atas, pilih more_vert Sesuaikan dan kontrol DevTools > Alat lainnya > Isi Otomatis.

Memeriksa data isi otomatis

Untuk memeriksa data isi otomatis:

  1. Pastikan Isi otomatis diaktifkan dan info alamat Anda telah disimpan di Chrome.
  2. Buka DevTools, misalnya, pada halaman demo ini.
  3. Pada formulir web alamat di halaman demo, fokuskan kolom formulir. Chrome menampilkan menu drop-down dengan opsi data isi otomatis.
  4. Pilih opsi dari menu. Isi Otomatis mengisi formulir dengan data yang tersimpan dan DevTools akan membuka panel Isi Otomatis jika buka otomatis diaktifkan. Jika tidak, buka panel Isi Otomatis secara manual.

Opsi data isi otomatis dipilih.

Data dan pemetaannya

Panel Isi Otomatis menampilkan data yang disisipkan dalam kolom formulir dan tabel dengan pemetaan antara hal berikut:

  • Kolom formulir terdeteksi di halaman.
  • Prediksi nilai isi otomatis, yang ditentukan oleh Isi Otomatis menggunakan heuristik.
  • Nilai, jika ada, Isi Otomatis tersebut disisipkan ke kolom yang dikenalinya.

Panel Isi Otomatis.

Masalah Autocomplete yang tertangkap oleh panel Issues.