使用 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;
    }
  } 
}