Puppeteer触发登录弹窗后无法自动输入账号密码的解决方法

你之前用的两个方案不生效，本质是场景匹配错了：

• page.authenticate() 只处理HTTP层的Basic/NTLM/Kerberos协议级认证弹窗，对页面里JS渲染的自定义弹窗完全无效
• page.on('dialog') 只能捕获浏览器原生的alert、confirm、prompt弹窗，你遇到的登录框是挂在普通DOM树里的模态组件，根本不会触发dialog事件
  这类JS生成的弹窗和页面上其他按钮、输入框没有本质区别，可以直接定位元素操作。

1. 点击触发弹窗的#krbSubmit按钮后，先等待弹窗内的元素渲染完成，不要立刻执行填充、点击操作
2. 定位用户名输入框，填入对应账号
3. 定位密码输入框，填入对应密码
4. 定位蓝色login按钮点击，等待弹窗消失、页面登录完成即可

弹窗弹出时按F12打开开发者工具，用元素选择工具直接点选输入框、按钮，复制对应的CSS选择器即可，不需要做额外特殊适配。

把原有代码中await page.click('#krbSubmit')后的逻辑替换为如下内容即可，选择器可以根据你实际页面的DOM结构微调：

import express from 'express';
import puppeteer from 'puppeteer'; 
import userAgent from 'user-agents'; 

const app = express();
const screenshot = 'github3.png';

app.get('/', async (req, res) => {
  const browser = await puppeteer.launch({
    headless: false,
    executablePath: `C:/Program Files (x86)/Google/Chrome/Application/chrome.exe`,
    defaultViewport: null,
    args: ['--start-maximized'],
  });
  const page = await browser.newPage();
  await page.setUserAgent(userAgent.toString());
  page.setDefaultNavigationTimeout(0);
  await page.goto('myUrl...', {
    waitUntil: 'load',
    timeout: 0,
  });
  await page.click('#krbSubmit');

  // 等待弹窗内用户名输入框加载，超时时间可自行调整
  await page.waitForSelector('input[name="username"]', { visible: true, timeout: 5000 });
  // 填充用户名
  await page.type('input[name="username"]', '你的实际账号');
  // 填充密码
  await page.type('input[type="password"]', '你的实际密码');
  // 点击登录按钮
  await page.click('button:has-text("login")', { waitForEnabled: true });
  // 等待登录完成，可根据实际页面调整等待条件
  await page.waitForNavigation({ waitUntil: 'networkidle2' });

  res.send('hi');
});

app.listen('5000', console.log('server listening'));

• 如果输入框填充失败，可以先点击输入框聚焦再输入，或者用page.$eval('选择器', el => el.value = '你的内容')直接赋值
• 如果点击登录按钮无响应，检查是否被弹窗遮罩层遮挡，确保等按钮变为可点击状态后再触发点击
• 如果一直提示找不到元素，检查登录弹窗是否在iframe内，需要先切换到对应iframe上下文再做元素操作，参考代码如下：

  // 定位承载登录框的iframe
  const loginFrame = await (await page.waitForSelector('iframe[src*="login"]')).contentFrame();
  // 后续waitForSelector、type、click操作都用loginFrame代替page实例即可
  

内容的提问来源于stack exchange，提问作者wasilikoslow