1. ホーム
  2. javascript

[解決済み] ヘッドレスでない場合のPupeteerのウィンドウサイズを設定する(viewportではない)

2022-02-10 16:03:39

質問事項

ブラウザ(Chrome[ium])のウィンドウサイズをビューポートサイズと同じように設定することはできますか?

ビューポートだけを設定すると、ブラウザが正常に動作していないときに、ブラウザのインスタンス内で何が起こっているかを視覚的に確認したい場合に、使い勝手が悪くなってしまいます。

そこで、以下のようなものを希望します。

const browser = await puppeteer.launch({
      headless: false, // The browser is visible
      ignoreHTTPSErrors: true
}),
page = await browser.newPage();


// This is well explained in the API
await page.setViewport({
    width: options.width,
    height: options.height
});

// But is there something like this (careful this is dummy code)
browser.setWindowSize({
    width: options.width,
    height: options.height
});

正しい方向性を示す手助けをありがとうございます。

どのように解決するのですか?

でクロームのウィンドウサイズを設定することができます。 puppeteer.launch フラグで --window-size

以下は、あなたの例での使用方法です。

const browser = await puppeteer.launch({
    headless: false, // The browser is visible
    ignoreHTTPSErrors: true,
    args: [`--window-size=${options.width},${options.height}`] // new option
});