[feature] Better screen viewport size handling - settings in app etc

[dgtlmoon]

The viewport settings kind of suck a bit, having to rely on the window-size settings in the docker environment is not really a nice solution

I'm thinking to add a selection in the settings to chose mobile/desktop common sizes.

Also add extra custom sizes

The app should pass the preferred size to the page fetcher, settings can be for now on main-settings and watch-settings

Even tho --window-size=1280.... is sent to the chrome browser it's not necessarily the same as the viewport

Fetchers ;

BrowserSteps and Playwright

They can have the viewport set in the browser new_context, this seems to work

            context = browser.new_context(
...
                viewport={'width': 1280, 'height': 1024}
            )

PyPuppeteer / faster fetching

Simply needs

self.page = (pages := await browser.pages) and len(pages) or await browser.newPage()
await self.page.setViewport({'width': 1280, 'height': 1024})

Selenium

Probably works with

options.add_argument("--window-size=1280,1024")
self.driver.set_window_size(1280, 1024)

[eyalpost]

Would love to see this implemented 🙏

[eyalpost]

@dgtlmoon is there a workaround until this is implemented?
I tried using env variables to set the height/width but screenshot is still large

[dgtlmoon]

If people would tell me their setup (playwright, selenium etc ) and operating system it would help alot.. if you comment, please try to include as much info as possible, otherwise no one can help

I tried using env variables to set the height/width but screenshot is still large

thanks