Puppeteerで使わなれないタブがあるのが気になる

2729 ワード
Chromium Node.js JavaScript puppeteer JavaScript テキストリンク

Puppeteerで、よく以下のような書き方を見ます。

const browser = await puppeteer.launch({ headless: false, });
const page = await browser.newPage();
await page.goto("https://www.google.com/");

このように書くと、以下のように新しいタブでURLが開かれます。
このとき、利用していない「about:blank」なタブがずっとあるのが気になっていました。(害はないんですが。)
Chromiumって起動時にタブを1個開いているんですよね。

Puppeteerのドキュメントを見ると、browser.pages()でページ一覧が取れるので、

const browser = await puppeteer.launch({ headless: false, });
const page = (await browser.pages())[0];
await page.goto("https://www.google.com/");

こうすると、もとからあるタブを使ってくれました！