web-dev-qa-db-ja.com

操り人形師：フォームの送信方法は？

puppeteer を使用して、プログラムでフォームを送信するにはどうすればよいですか？これまで、フォームに実際に送信入力が含まれている場合、page.click('.input[type="submit"]')を使用してこれを行うことができました。ただし、送信入力を含まないフォームの場合、フォームテキスト入力要素に焦点を合わせてpage.press('Enter')を使用しても、実際にフォームが送信されるわけではありません。

const puppeteer = require('puppeteer');

(async() => {

    const browser = await puppeteer.launch();
    const page = await browser.newPage();
    await page.goto('https://stackoverflow.com/', {waitUntil: 'load'});
    console.log(page.url());

    // Type our query into the search bar
    await page.focus('.js-search-field');
    await page.type('puppeteer');

    // Submit form
    await page.press('Enter');

    // Wait for search results page to load
    await page.waitForNavigation({waitUntil: 'load'});


    console.log('FOUND!', page.url());

    // Extract the results from the page
    const links = await page.evaluate(() => {
      const anchors = Array.from(document.querySelectorAll('.result-link a'));
      return anchors.map(anchor => anchor.textContent);
    });
    console.log(links.join('\n'));
    browser.close();

})();
javascriptnode.jsgoogle-chrome-headlesspuppeteer
19
docta_faustus

これを試して

const form = await page.$('form-selector');
await form.evaluate(form => form.submit());

V0.11.0以降の場合：

await page.$eval('form-selector', form => form.submit());
25
Nam Mai Anh

ログインフォームを入力して送信しようとしている場合は、次を使用できます。

await page.goto('https://www.example.com/login');

await page.type('#username', 'username');
await page.type('#password', 'password');

await page.click('#submit');

await page.waitForNavigation();

console.log('New Page URL:', page.url());
23
Grant Miller