如何在Puppeteer中实现表单自动填写与提交：问卷调查

const puppeteer = require('puppeteer');

// 16yun代理服务配置
const proxyConfig = {
  domain: 'http://proxy.16yun.cn',  // 代理域名
  port: 12345,  // 代理端口
  username: 'your_username',  // 代理用户名
  password: 'your_password'  // 代理密码
};

// 问卷调查 URL（示例）
const surveyUrl = 'https://example.com/survey';

// 配置 Puppeteer 选项
const launchOptions = {
  headless: true,  // 使用无头模式
  args: [
    `--proxy-server=${proxyConfig.domain}:${proxyConfig.port}`  // 配置代理服务器
  ]
};

// 设置 User-Agent 和 Cookie
const userAgent = 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36';
const cookie = {
  name: 'session_id',
  value: 'abcdef123456',
  domain: 'example.com'
};

(async () => {
  // 启动浏览器
  const browser = await puppeteer.launch(launchOptions);
  const page = await browser.newPage();

  // 设置代理的认证信息
  await page.authenticate({
    username: proxyConfig.username,
    password: proxyConfig.password
  });

  // 设置 User-Agent 和 Cookie
  await page.setUserAgent(userAgent);
  await page.setCookie(cookie);

  // 访问问卷调查页面
  await page.goto(surveyUrl, { waitUntil: 'networkidle2' });

  // 自动填写问卷表单
  // 假设问卷包含三个问题，每个问题有单选和文本输入
  // 选择单选框
  await page.click('input[name="question1"][value="option1"]');  // 选择第一个问题的第一个选项
  await page.click('input[name="question2"][value="option2"]');  // 选择第二个问题的第二个选项
  await page.type('textarea[name="question3"]', '我非常满意这次体验');  // 填写第三个问题的文本回答

  // 提交表单
  await page.click('button[type="submit"]');  // 点击提交按钮

  // 等待页面响应
  await page.waitForNavigation({ waitUntil: 'networkidle2' });

  // 打印结果
  console.log('问卷填写完成并提交成功');

  // 关闭浏览器
  await browser.close();
})();