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 di situs secara otomatis dengan alamat tersimpan. Panel Isi Otomatis di DevTools memungkinkan Anda memeriksa pemetaan antara kolom formulir, nilai isi otomatis yang diprediksi, dan data tersimpan.

Menyimpan info alamat ke Chrome

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

Jika tidak ada perintah tersebut, di pojok kanan atas Chrome, buka more_vert Sesuaikan dan kontrol Google Chrome > key 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.

Jika tidak memiliki data alamat yang disimpan dan tidak ingin menyimpannya, Anda dapat menggunakan data alamat pengujian yang disediakan oleh panel Isi Otomatis.

Membuka 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 Automatically open this panel.

Untuk membuka panel Isi otomatis secara manual:

1. Buka DevTools.

2. Buka Command menu dengan menekan:

   • macOS: Command+Shift+P
   • Windows, Linux, ChromeOS: Kontrol+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:

• Di panel tindakan di bagian atas, klik double_arrow Panel lainnya, lalu 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 Anda memiliki info alamat yang tersimpan di Chrome. Atau, Anda dapat menggunakan data alamat pengujian seperti yang dijelaskan di bagian berikutnya.
2. Buka DevTools, misalnya, di halaman demo ini.
3. Di 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 akan mengisi formulir dengan data tersimpan dan DevTools akan membuka panel Isi Otomatis jika buka otomatis diaktifkan. Jika tidak, buka panel Isi Otomatis secara manual.

Gunakan data alamat pengujian

Jika Anda tidak memiliki data alamat yang disimpan dan tidak ingin menyimpannya, Anda dapat menggunakan data pengujian yang disediakan panel Isi Otomatis.

Untuk menggunakan data pengujian:

1. Buka panel Isi Otomatis dan aktifkan check_box Tampilkan data alamat pengujian di menu isi otomatis di bagian atas panel.
2. Di halaman, klik kanan formulir alamat yang diisi, lalu pilih salah satu opsi dari menu Alat developer.

Data dan pemetaannya

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

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