Dalang adalah alat penting untuk mengotomatisasi tugas web dan menguji operasi web. Ini adalah pustaka Node.js yang menyediakan API posisi tinggi untuk mengendalikan penjelajah cyber Chrome tanpa kepala, memungkinkan Anda melakukan tindakan serupa dengan mengeklik tautan, mengisi formulir, dan mengambil tangkapan layar. Dalam postingan blog ini, kita akan mengeksplorasi cara Dalang tingkat lanjut dalam melakukan tugas yang lebih kompleks, mirip dengan mengisi formulir dan berinteraksi dengan operasi web. Cara-cara ini akan membantu Anda membawa kemampuan Dalang Anda ke posisi berikutnya dan memungkinkan Anda mengotomatisasi tugas web yang lebih luas.

Kami akan membahas hal berikut di posting ini

• Mengisi formulir dengan Dalang

• Berinteraksi dengan operasi web menggunakan Dalang

• Tip dan trik bekerja dengan Dalang.

Di akhir postingan ini, Anda akan memiliki pemahaman yang kuat tentang cara menggunakan Puppeteer untuk melakukan tugas-tugas tingkat lanjut dan diperlengkapi dengan baik untuk menerapkan cara-cara ini di sistem Anda sendiri.

Mengisi formulir

Salah satu tugas umum yang mungkin perlu Anda otomatisasi dengan Puppeteer adalah mengisi formulir. Dalang memudahkan pengisian formulir dengan memberikan gaya untuk berinteraksi dengan dasar-dasar formulir, mirip dengan masukan buku teks dan menu tarik-turun. Berikut ilustrasi cara menggunakan Puppeteer untuk mengisi form login sederhana

const puppeteer = require(' puppeteer');
(async () => {
    const cybersurfer = await puppeteer.launch();
    const runner = await browser.newPage();
    await page.goto(' https//example.com/login');
    // Fill out the form  
    await page.type('#username', ' myusername');
    await page.type('#password', ' mypassword');
    //Submit the form  
    await page.click('button(type=submit)');
    // stay for the homepage to load  
    await page.waitForSelector('.homepage- hello');
    await browser.close();
})()

Pada ilustrasi di atas, kita menggunakan sistem tipe untuk memasukkan buku teks ke dalam kolom formulir, dan sistem klik untuk mengirimkan formulir.

Salah satu tantangan yang mungkin Anda temui saat mengisi formulir adalah menangani formulir dinamis yang dihasilkan oleh JavaScript. Dalam kasus ini, Anda mungkin perlu menggunakan cara baru, mirip dengan tetap menambahkan persyaratan ke runner atau mengeksekusi JavaScript untuk memanipulasi formulir. Ada banyak tips untuk menangani bentuk dinamis dengan Dalang

1. Gunakan sistem 'page.waitForSelector' untuk menunggu dasar ditambahkan ke pelari. Sebagai ilustrasi, Anda dapat menggunakan “await page.waitForSelector('#dynamic- form')” agar formulir dinamis tetap dirender sebelum berinteraksi dengannya.

2. Gunakan sistem 'page.evaluate' untuk mengeksekusi JavaScript di lingkungan runner. Ini dapat berguna untuk memanipulasi formulir atau melakukan rooting data darinya.

3. Gunakan sistem 'page.waitForFunction' agar kondisi tetap benar. Hal ini dapat berguna untuk menjaga suatu bentuk agar berada dalam keadaan tertentu sebelum berinteraksi dengannya. Men-debug hukum pengisian formulir bisa sangat melelahkan, terutama jika formulirnya rumit atau pelari sangat bergantung pada JavaScript. Lalu ada banyak strategi untuk men-debug undang-undang pengisian formulir

· Gunakan sistem 'page.screenshot' untuk mengambil tangkapan layar pelari dan melihat seperti apa bentuknya ketika hukum Anda berinteraksi dengannya.

· Gunakan sistem 'page.debugger' untuk menghentikan tuntutan hukum Anda dan periksa pelari menggunakan Chrome DevTools.

Publikasikan nilai-nilai variabel dan persyaratan formulir kepada pers untuk melihat apa yang terjadi di berbagai titik dalam undang-undang Anda. Dengan mengikuti tip dan strategi ini, Anda akan diperlengkapi dengan baik untuk menangani formulir dinamis dan memperbaiki hukum pengisian formulir dengan Dalang.

Berinteraksi dengan operasi web

Selain mengisi formulir, Dalang dapat digunakan untuk membuat berbagai macam hubungan stoner dengan operasi web. Ini dapat berguna untuk menguji fungsionalitas dan pengalaman pengoperasian web yang lebih baik, serta untuk mengotomatiskan tugas-tugas yang serupa dengan mengklik tautan dan tombol. Untuk ilustrasi cara menggunakan Dalang untuk mengeklik tautan dan menunggu pelari baru memuat

const puppeteer = require(' puppeteer');

(async () => {
    const cybersurfer = await puppeteer.launch();
    const runner = await browser.newPage();
    await page.goto('https//example.com');
    // Click the link
    await page.click('a.link-to-runner-2');
    // stay for the new  runner to load  
    await page.waitForSelector('.runner-2-content');
    await browser.close()
})()

Pada ilustrasi di atas, kita menggunakan sistem klik untuk berpura-pura ada orang yang mengeklik tautan, dan sistem 'waitForSelector' tetap menunggu pelari baru memuat. Selain mengklik rudimen, Puppeteer juga menyediakan gaya untuk menggertak jenis input stoner lainnya, mirip dengan event hang dan input keyboard. Sebagai ilustrasi, Anda dapat menggunakan sistem 'page.hover' untuk berpura-pura seorang stoner berenang di atas sebuah elemen, dan sistem 'page.type' untuk berpura-pura seorang stoner melakukan kodifikasi ke dalam bidang buku teks. Salah satu tantangan yang mungkin Anda temui saat berinteraksi dengan operasi web adalah menguji operasi yang menggunakan gambar sisi pelanggan. Dalam kasus ini, konten pelari mungkin dihasilkan dengan kuat oleh JavaScript, sehingga menyulitkan Puppeteer untuk berinteraksi dengan pelari. Untuk menyiasatinya, Anda dapat menggunakan cara serupa dengan tetap menambahkan dasar-dasar ke pelari atau menjalankan JavaScript untuk memanipulasi pelari. Ada banyak tip untuk menguji operasi web yang menggunakan gambaran sisi pelanggan

1. Gunakan sistem 'page.waitForSelector' untuk menunggu dasar ditambahkan ke pelari.

2. Gunakan sistem 'page.evaluate' untuk mengeksekusi JavaScript di lingkungan runner. Ini dapat berguna untuk memanipulasi runner atau melakukan rooting data darinya.

3. Gunakan sistem 'page.waitForFunction' agar kondisi tetap benar. Hal ini berguna agar pelari tetap berada dalam kondisi tertentu sebelum berinteraksi dengannya. Dengan mengikuti tips dan cara ini, Anda akan dapat berinteraksi secara efektif dengan operasi web menggunakan Puppeteer.

Tips dan trik

Selain cara-cara yang dibahas di bagian sebelumnya, ada banyak cara Dalang tingkat lanjut lainnya yang dapat Anda gunakan untuk mengotomatisasi tugas-tugas yang lebih kompleks. Ada banyak contoh

  • Bekerja dengan iframe: — iframe adalah dasar HTML yang memungkinkan Anda memasukkan konten dari halaman web lain ke dalam runner. Untuk bekerja dengan iframe di Puppeteer, Anda dapat menggunakan sistem 'page.frames' untuk mendapatkan daftar semua iframe di runner, dan sistem 'page.frame' untuk beralih ke iframe tertentu.
  • Menangani pop-up dan modals: — Pop-up dan model adalah dasar-dasar UI umum yang sulit diotomatisasi dengan Puppeteer. Untuk menangani dasar-dasar ini, Anda dapat menggunakan sistem 'page.on' untuk mendengarkan acara pop-up dan sistem 'page.waitForSelector' untuk tetap menampilkan model.
  • Mengikis data Dalang dapat digunakan untuk mengikis data dari situs web untuk digunakan di sistem Anda sendiri. Untuk melakukan ini, Anda dapat menggunakan sistem 'page.evaluate' untuk mengambil data dari pelari dan modul fs untuk menulis data ke kereta.

Selain cara-cara tersebut, masih banyak lagi efek yang bisa kamu lakukan untuk meningkatkan kepercayaan, kemampuan dan performa Dalang kamu.

· Gunakan sistem 'page.waitFor' untuk memastikan kondisi tertentu benar. Ini bisa lebih dapat diandalkan daripada tinggal dalam jangka waktu tertentu.

· Gunakan sistem 'page.setCacheEnabled' untuk menonaktifkan cache 'cybersurfer'. Hal ini dapat berguna untuk pengujian, karena memastikan bahwa pelari selalu dimuat baru sejak awal.

· Gunakan sistem 'page.setViewport' untuk mengatur ukuran jendela 'cybersurfer'. Ini berguna untuk mengoptimalkan kinerja, karena memungkinkan Anda memuat hanya konten yang terlihat di area pandang.

Dengan menggunakan tips dan trik ini, Anda akan dapat membawa kemampuan Dalang Anda ke posisi berikutnya dan mengotomatiskan tugas-tugas yang lebih kompleks.

Kesimpulan

Dalam postingan blog ini, kami telah menjelajahi berbagai cara Dalang tingkat lanjut untuk mengotomatiskan tugas web dan menguji operasi web. Kami membahas cara-cara yang mirip dengan mengisi formulir, berinteraksi dengan operasi web, dan bekerja dengan iframe dan pop-up.

Singkatnya, beberapa cara penting yang kami bahas meliputi

• Menggunakan gaya ketik dan klik untuk mengisi formulir dan berpura-pura memasukkan masukan

• Menangani formulir dinamis dengan cara yang mirip dengan 'waitForSelector' dan perkiraan

• menggertak acara hang dan input keyboard dengan hang dan kelas

• Bekerja dengan iframe dan pop-up menggunakan bingkai dan gaya

• Masih mengambil data dari situs web menggunakan perkiraan dan modul fs, ada banyak penawaran yang tersedia secara online.

Jika Anda ingin mempelajari lebih lanjut tentang Dalang dan terus mengembangkan kemampuan Anda. Beberapa tempat yang baik untuk memulai termasuk pengesahan Puppeteer, penyimpanan Puppeteer yang disetujui di GitHub, dan komunitas Puppeteer di Stack Overflow. Sekarang setelah Anda mempelajari cara-cara Dalang tingkat lanjut ini, kami mendorong Anda untuk mencobanya di sistem Anda sendiri. Dengan sedikit latihan, Anda akan dapat mengotomatiskan berbagai tugas web dan membuat pekerjaan Anda lebih efektif dan efektif.