通过NodeJS执行的JS程序能否实现网页下拉框选择与表单自动填写？

你的需求完全可以通过NodeJS生态的成熟工具实现，无需人工交互，可直接适配你现有定时触发Batch执行JS文件的部署方案。

核心工具选型 #

• 优先选择Puppeteer：谷歌官方维护的Chrome/Chromium无头浏览器控制工具，API简单易用，文档完善，适配绝大多数网页自动化场景
• 备选Playwright：微软出品的多浏览器自动化工具，支持Chrome/Firefox/Safari全平台，容错性更强，适合存在复杂交互逻辑的网页场景

核心功能实现示例（以Puppeteer为例） #

1. 下拉菜单选中指定选项 #

// 等待下拉框元素加载完成
await page.waitForSelector('#target-select-id');

// 原生select标签：直接通过value选中目标选项
await page.select('#target-select-id', 'target-option-value');

// 自定义封装的下拉组件（非原生select）：模拟点击展开+选中操作
await page.click('#custom-select-trigger-id');
await page.waitForSelector('.select-option-item[data-value="target-option-value"]');
await page.click('.select-option-item[data-value="target-option-value"]');

2. 表单文本/数据输入 #

选中下拉选项后若表单为异步加载，可先添加等待逻辑，再执行输入操作：

// 等待目标表单加载完成
await page.waitForSelector('#target-form-container-id');

// 定位输入框填入目标数据
await page.waitForSelector('#target-input-id');
// 清空输入框原有内容（可选）
await page.evaluate(() => document.querySelector('#target-input-id').value = '');
// 填入从其他数据库拉取的待录入数据，delay参数可模拟人工输入速率规避部分网页校验
await page.type('#target-input-id', '待录入的目标数据', {delay: 50});

// 提交表单
await page.click('#form-submit-btn-id');

现有方案适配说明 #

• 你已实现的合法凭证打开网页逻辑可直接对接上述流程，Puppeteer支持携带Cookie、自定义请求头传入身份凭证，无需调整现有登录逻辑
• 完整逻辑封装为独立JS文件后，可直接通过Batch文件执行node 你的脚本文件名.js启动，完美适配定时触发的运行要求
• 遇到网页异步加载延迟问题时，可通过page.waitForNavigation()、page.waitForTimeout()等方法调整等待逻辑，避免元素未加载导致的执行报错

内容的提问来源于stack exchange，提问作者Harrison-Stephen