javascript - 使用 puppeteer-core 连接到 Chrome 中当前事件的选项卡

Question

我正在使用 puppeteer-core并连接到我自己的 chrome 安装。这工作正常，但如何在当前事件的选项卡上执行命令？如何获得对它的引用？

const wsChromeEndpointurl = 'ws://127.0.0.1:9222/devtools/browser/12345';
const browser = await puppeteer.connect({
    browserWSEndpoint: wsChromeEndpointurl
});

const page = <active tab> // what do I need here?

(我的目标是做一些事情，比如手动登录网站，然后让 puppeteer 接管。所以我真的想用 puppeteer-core )

Answer 1

没有直接的 API 来解决这个问题，但您可以遍历 pages数组并评估 visibilityState文档的属性。

async function activePage() {
  const allPages = await context.pages();
  for(let page of allPages) {
    const state = await page.evaluate(() => document.visibilityState);
    if(state === 'visible') {
      return page;
    }
  } 
}