How to maximize browser window using puppeteer?

user_11196870 0
Viewed 15720

I am trying to maximize the browser window using puppeteer. I tried below code but the browser is not maximized to full mode. I also did not find any function available in puppeteer library to maximize the window.

(async () => {
  const browser = await puppeteer.launch({headless: false , slowMo: 100, rgs: ['--start-fullscreen', '--window-size=1920,1080'], executablePath: 'C:/Program Files (x86)/Google/Chrome/Application/chrome.exe' });
  const page = await browser.newPage();

  await page.setViewport({ width: 1920, height: 1080 });

Example image

puppeteer node.js
7 Answers

This works fine for me.

await puppeteer.launch({ 
      headless: false,
      defaultViewport: null,
      args: ['--start-maximized'] 
});
user_99933220
user_67936370

args: ['--start-maximized'] is correct way to open chrome in maximized window

user_10053590

Beware that --start-maximized flag doesn't work in a headless mode. Then you have to set window size, e.g. like so: --window-size=1920,1040.

The way you can do it is you define both options in config:

config.json:

{
    "browserOptions": {
        "headless": {
            "headless": true,
            "args": [                
                "--window-size=1920,1040"        
            ],
            "defaultViewport": null
        },
        "gui": {
            "headless": false,
            "args": [                
                "--start-maximized"           
            ],
            "defaultViewport": null
        }
    }
}

and you choose which one to use based on an env variable - you can implement a tiny module for that:

Helpers/browserOption.js:

require('dotenv').config();
const config = require('../config.json');

module.exports = {
    browserConfig: () => {
        if (process.env.BROWSER === "headless") {
            return config.browserOptions.headless;
        }

        return config.browserOptions.gui;
    }
};

then if you set env variable BROWSER to headless, the concrete window size will be set upon browser launch, and if you choose to run your script in a non-headless mode, --start-maximized arg will be used.

In a script, it could be used like so:

const browserOption = require('./Helpers/browserOption');
const browser - await puppeteer.launch(browserOption.browserConfig());
user_104019310

In my case helped defaultViewport: null

user_60820840

I hope that typo I see in your code was made just in this post.

Chrome arguments are passed to the puppeteer.launch function as the values of the key args, and not rgs.

Also, in your Chrome configuration, I suspect that the flags --start-fullscreen and --window-size are contradictory.

Finally, you might be interested in the Chrome flag --start-maximized.

For a full list of Chrome flags, see this post by Peter Beverloo.

user_40174030

I also met this problem

My solution: first close or minimize the previously opened chrome window

user_68102560
Related