使用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();

})();

推荐答案

如果您试图填写并提交login form,您可以使用以下选项:

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());

Node.js相关问答推荐

node 模块错误:类型参数OT具有循环约束''

仅当所需文档是最后一个文档时才更新MongoDB,否则插入

Express 4.18正文解析

Stripe webhook无法访问Express请求原始正文

无法使用 Express 设置会话 cookie 的过期日期

在mongoose虚拟属性中处理异步操作

如何在 Docker 容器中 SSO 登录 AWS(使用 aws-sdk v3)

Electron 模板(Typescript + Webpack)中的这个 Electron Forge ERROR 是什么?

Express.js cookie setter 的 Domain 属性:如何与 *多个 * 域共享 cookie?

WSL2 上需要脚本运行的 NPM 包的权限被拒绝

如何为一个网站实现这 2 个网址.即 www.administrator.sitename.com 和 www.sitename.com?

如何在 MongoDB collection.find() 上获取回调

在 ExpressJS 中将变量传递给 JavaScript

Connect/Express 中的session和cookieSession中间件有什么区别?

编写可维护的事件驱动代码

Node.js 中空函数的简写

如何在 NodeJs 中下载和解压缩内存中的 zip 文件?

在 Node 中连接和缩小 JS 文件

在 react-router v4 中使用 React IndexRoute

大型项目的 NodeJS vs Play 框架