Mengapakah `page.evaluate` Mengembalikan Objek Kosong Apabila Menggunakan `querySelectorAll`?

Susun Objek Kosong Tidak Dijangka Dikembalikan mengikut halaman.evaluate querySelectorAll

Apabila menggunakan halaman Puppeteer.evaluate fungsi dengan querySelectorAll, pengguna mungkin menghadapi masalah tatasusunan yang dikembalikan mengandungi objek kosong.

Punca:

Nilai yang dikembalikan daripada fungsi page.evaluate mestilah JSON boleh bersiri. Secara lalai, elemen HTML tidak boleh bersiri JSON tanpa pengubahsuaian.

Penyelesaian:

Untuk menyelesaikan isu ini, data yang diekstrak daripada elemen HTML hendaklah diubah suai kepada JSON format boleh bersiri. Sebagai contoh, jika data yang dikehendaki ialah nilai href bagi elemen, coretan kod berikut boleh digunakan:

await this.page.evaluate((sel) => {
    let elements = Array.from(document.querySelectorAll(sel));
    let links = elements.map(element => {
        return element.href;
    });
    return links;
}, sel);

Kod ini mengekstrak nilai href daripada elemen dan mengembalikannya sebagai tatasusunan rentetan, yang boleh bersiri JSON. Dengan mengubah suai nilai yang dikembalikan, isu objek kosong boleh dielakkan.

Atas ialah kandungan terperinci Mengapakah `page.evaluate` Mengembalikan Objek Kosong Apabila Menggunakan `querySelectorAll`?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!