使用Playwright处理Chromium身份验证弹窗的技术求助

针对你遇到的Chrome原生认证弹窗（不触发Playwright的dialog/popup事件），可以尝试以下几种方案：

1. URL嵌入凭证（最直接的Basic Auth绕过方式） #

HTTP基本认证支持直接在URL中携带用户名和密码，浏览器会自动将凭证添加到请求头，从而跳过弹窗。直接在page.goto时使用这种格式的URL：

const username = 'uname';
const password = 'pword';
const deviceUrl = `http://${username}:${password}@your-device-ip/`;
await page.goto(deviceUrl);

注意：部分现代浏览器对跨域或公网地址的这种URL格式有安全限制，但内网设备的Web门户通常不受影响。

2. 拦截请求手动添加Authorization头 #

如果URL嵌入方式无效，可通过Playwright的请求拦截器，为所有请求添加Basic Auth的Authorization头：

// 生成Basic Auth的base64编码凭证
const getBasicAuthHeader = (username, password) => {
  const credentials = Buffer.from(`${username}:${password}`).toString('base64');
  return `Basic ${credentials}`;
};

// 拦截所有请求并添加认证头
await page.route('**/*', async (route) => {
  await route.continue({
    headers: {
      ...route.request().headers(),
      'Authorization': getBasicAuthHeader('uname', 'pword')
    }
  });
});

await page.goto('http://your-device-ip/');

这种方式能覆盖重定向后的set_password.html请求，确保认证凭证被正确携带。

3. 模拟键盘交互（针对极端情况） #

如果前两种方法都失效，可尝试模拟手动输入的键盘操作。虽然Playwright不会自动定位弹窗输入框，但可以通过Tab键切换焦点：

// 等待弹窗出现（可根据页面加载状态调整等待时间）
await page.waitForTimeout(2000);

// 输入用户名，按Tab切换到密码框，输入密码后按回车
await page.keyboard.type('uname');
await page.keyboard.press('Tab');
await page.keyboard.type('pword');
await page.keyboard.press('Enter');

这种方法可靠性稍低，依赖弹窗的焦点顺序，但在特定场景下可能生效。

4. 排查认证类型 #

先确认弹窗是HTTP Basic Auth还是Digest Auth：查看set_password.html请求的响应头，如果包含WWW-Authenticate: Basic realm="..."，则用前两种方法；如果是WWW-Authenticate: Digest ...，则需要生成对应的Digest Auth头（可借助第三方库如digest-fetch来处理）。

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