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 Sesuaikan dan kontrol Google Chrome > Sandi dan Isi Otomatis > Alamat dan lainnya, lalu aktifkan 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 Automatically open this panel.
Untuk membuka panel Isi otomatis secara manual:
- Buka DevTools.
Buka Command menu dengan menekan:
- macOS: Command+Shift+P
- Windows, Linux, ChromeOS: Kontrol+Shift+P
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 Panel lainnya, lalu pilih Isi otomatis dari menu drop-down.
- Di sudut kanan atas, pilih Sesuaikan dan kontrol DevTools > Alat lainnya > Isi otomatis.
Memeriksa data isi otomatis
Untuk memeriksa data isi otomatis:
- 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.
- Buka DevTools, misalnya, di halaman demo ini.
- Di formulir web alamat di halaman demo, fokuskan kolom formulir. Chrome menampilkan menu drop-down dengan opsi data isi otomatis.
- 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:
- Buka panel Isi Otomatis dan aktifkan Tampilkan data alamat pengujian di menu isi otomatis di bagian atas panel.
- 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.
