能否使用Puppeteer在已打开的浏览器窗口中新建标签页并操作已登录标签?

完全可以实现你的需求，只需要先让本地Chrome开启远程调试端口，再让Puppeteer连接已运行的Chrome实例即可，无需启动新浏览器，所有登录态会完全继承。

第一步：启动带远程调试端口的Chrome #

先完全关闭所有正在运行的Chrome窗口，再根据你的系统运行对应命令启动Chrome：

• Windows 系统：

"C:\Program Files\Google\Chrome\Application\chrome.exe" --remote-debugging-port=9222

• Mac 系统：

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-debugging-port=9222

• Linux 系统：

google-chrome --remote-debugging-port=9222

启动后你可以正常手动登录目标系统，登录状态会被后续连接的Puppeteer直接复用。

第二步：Puppeteer 连接现有Chrome并操作 #

1. 激活已打开的已登录标签页 #

针对你提到的page.bringToFront()仅作用于页面层级的问题，配合window.focus()即可实现浏览器窗口也激活到系统顶层：

const puppeteer = require('puppeteer');

(async () => {
  // 连接本地已启动的带调试端口的Chrome
  const browser = await puppeteer.connect({
    browserURL: 'http://localhost:9222',
    defaultViewport: null // 保持和本地Chrome窗口尺寸一致，不强制设置固定视口
  });

  // 获取所有已打开的标签页
  const allPages = await browser.pages();
  // 匹配你已经手动登录的目标页面，可根据url或页面标题筛选
  const loggedPage = allPages.find(page => page.url().includes('你的目标站点域名'));

  if (loggedPage) {
    // 切换到目标标签页
    await loggedPage.bringToFront();
    // 激活浏览器窗口到系统顶层，解决窗口层级问题
    await loggedPage.evaluate(() => window.focus());

    // 此处可以直接对已登录页面做任意自动化操作
    await loggedPage.click('#targetBtn');
    await loggedPage.type('#input', '测试内容');
  }
})();

2. 在现有浏览器窗口打开新标签页 #

直接调用browser.newPage()即可，新开的标签页会自动继承当前Chrome的所有登录态、Cookie、本地存储信息，无需重复登录：

// 接上面的连接逻辑，在现有窗口新建标签页
const newTab = await browser.newPage();
// 直接访问目标站点的其他页面，自动复用登录状态
await newTab.goto('https://你的目标站点域名/其他路径');
// 后续正常操作新标签页即可

注意事项 #

• 启动带调试端口的Chrome前必须完全关闭所有Chrome进程，包括后台驻留的Chrome进程，否则远程调试会失败
• 操作完成后如果不需要继续连接，可以调用await browser.disconnect()断开Puppeteer连接，不会关闭你正在运行的Chrome窗口
• 不要在公共环境开启远程调试端口，避免安全风险

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