Inner and outer width/height inconsistency

[flunkman]

Hi there!

I may have spotted an issue with the stealth plugin.

When I use 'await page.setViewport({ width: 800, height: 600 })' I get this:

But if I raise the viewport dimensions, for instance 'await page.setViewport({ width: 1920, height: 1080 })' here is what I get:

As you can see several values like the outer width/height remains at 800x600 no matter what. Since those are lower than the inner width/height, some sites detect my headless Chrome and block it due to this simple test.

Are they hardcoded values or can we change them programmatically?

[berstend]

I remember that there was a discussion about this on the puppeteer issue tracker, If I recall correctly it matters when the viewport is set or something. I don't have time to look into this right now but please report any findings you might have :)

[berstend]

@flunkman just found this through google (untested):

const browser = await puppeteer.launch({defaultViewport: null});

Set the defaultViewport option to null as above to disable the 800x600 resolution. It takes the max resolution then.

[berstend]

If this works we should seriously start a wiki with those stealth tips. 😄

[berstend]

I've added this to the new wiki: https://github.com/berstend/puppeteer-extra/wiki/Common-stealth-issues

[flunkman]

The result is the same with 'defaultViewport: null'...

But I've managed to solve this issue by adding the '--window-size=1920,1080' argument to puppeteer.launch.

[LeninZapata]

The result is the same with 'defaultViewport: null'...

But I've managed to solve this issue by adding the '--window-size=1920,1080' argument to puppeteer.launch.

This doesn't work for me