Kongsi melalui

Mengisi medan teks dan klik pada pautan menggunakan JavaScript

Sesetengah aplikasi web mungkin mempunyai kekangan reka bentuk yang tidak membenarkan tindakan automasi penyemak imbas mengisi medan teks atau klik pada pautan dan butang.

Pendekatan alternatif untuk mengautomasikan aplikasi web ini ialah penggunaan fungsi JavaScript Run pada tindakan halaman web, yang membolehkan anda menjalankan kod JavaScript pada halaman web.

Sebelum menggunakan fungsi Jalankan JavaScript pada tindakan halaman web, anda memerlukan CSS pemilih elemen yang anda ingin isi atau klik. Untuk mendapatkan pemilih, navigasi ke tab unsur UI dan pilih Tambah elemen UI.

Petikan skrin opsyen Tambah unsur UI dalam tab unsur UI.

Selepas mencipta elemen UI, navigasi sekali lagi ke tab unsur UI, pilih elemen UI yang dicipta dan buka pemilih dengan pembina Pemilih.

Petikan skrin pemilih yang dibuat CSS .

Sekarang, salin elemen terakhir pemilih yang terletak di sebelah kanan watak terakhir yang berlaku > .

Tangkapan skrin pemilih yang dibuat CSS dalam pembina Pemilih.

Nota

Anda boleh mendapatkan maklumat lanjut tentang pemilih dalam Bina pemilih tersuai.

Untuk mengisi medan teks, gunakan fungsi Jalankan JavaScript pada tindakan halaman web dan mengisi kod berikut dalam medan fungsi JavaScript. Selepas menampal kod, gantikan CSS pemegang tempat pemilih dan nilai untuk mengisi dengan pemilih yang disalin sebelumnya dan nilai untuk mengisi, 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";
}

Petikan skrin fungsi Jalankan JavaScript pada tindakan halaman web dikonfigurasikan untuk mengisi medan teks.

Untuk mengklik pautan atau tekan butang, gunakan kod berikut:

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