Isi otomatis: Memeriksa dan men-debug alamat yang disimpan

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.

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.

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

   

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.

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.