Bagikan melalui


Mengisi bidang teks dan mengeklik tautan menggunakan JavaScript

Beberapa aplikasi web mungkin memiliki batasan desain yang tidak memungkinkan tindakan otomatisasi browser untuk mengisi bidang teks atau mengklik tautan dan tombol.

Pendekatan alternatif untuk mengotomatisasi aplikasi web ini adalah penggunaan fungsi Run JavaScript pada tindakan halaman web, yang memungkinkan Anda menjalankan kode JavaScript di halaman web.

Sebelum menyebarkan fungsi Run JavaScript pada tindakan halaman web, Anda memerlukan CSS pemilih elemen yang ingin Anda isi atau klik. Untuk mendapatkan pemilih, navigasikan ke tab elemen UI dan pilih Tambahkan elemen UI.

Cuplikan layar opsi Tambahkan elemen UI di tab elemen UI.

Setelah membuat elemen UI, navigasikan lagi ke tab elemen UI, pilih elemen UI yang dibuat, dan buka pemilih dengan pembuat Pemilih.

Cuplikan layar pemilih yang dibuat CSS .

Sekarang, salin elemen terakhir dari pemilih yang terletak di sisi kanan karakter yang terakhir terjadi > .

Cuplikan layar pemilih yang dibuat CSS di pembuat Pemilih.

Catatan

Anda dapat menemukan informasi selengkapnya tentang pemilih di Membuat pemilih kustom.

Untuk mengisi bidang teks, sebarkan fungsi Jalankan JavaScript pada tindakan halaman web dan isi kode berikut di bidang fungsi JavaScript. Setelah menempelkan kode, ganti CSS selektor dan placeholder nilai untuk diisi dengan pemilih yang disalin sebelumnya dan nilai yang akan diisi, masing-masing.

function ExecuteScript()
{
document.querySelectorAll('CSS-selector')[0].value="value-to-populate";
}

OR

function ExecuteScript()
{
document.querySelectorAll('CSS-selector')[0].innerText="value-to-populate";
}

Cuplikan layar fungsi Jalankan JavaScript pada tindakan halaman web yang dikonfigurasi untuk mengisi bidang teks.

Untuk mengklik tautan atau menekan tombol, gunakan kode berikut:

function ExecuteScript()
{
document.querySelectorAll('CSS-Selector')[0].click();
}