Is there a way to limit/crop the size of the screenshot with Playwright?

[MrT3chGuy]

Hi,

I want the screenshot size to be the size of the window and not capture the full page. I looked everywhere for a solution but haven't found any. I found this on playwright's website, but I don't know how to use it here: await page.screenshot({ path: 'screenshot.png', fullPage: false });

Here is my docker-compose.yml:

playwright-chrome:
        hostname: playwright-chrome
        image: browserless/chrome:latest
        restart: unless-stopped
        environment:
            - SCREEN_DEPTH=16
            - SCREEN_WIDTH=1920
            - SCREEN_HEIGHT=1080
            - ENABLE_DEBUGGER=false
            - PREBOOT_CHROME=false
            - CONNECTION_TIMEOUT=300000
            - MAX_CONCURRENT_SESSIONS=10
            - MAX_QUEUE_LENGTH=10
            - CHROME_REFRESH_TIME=150000
            - DEFAULT_BLOCK_ADS=false
            - DEFAULT_STEALTH=true
            - DEFAULT_HEADLESS=false
            - FULL_PAGE=false
            - EXIT_ON_HEALTH_FAILURE=true
            - DEFAULT_LAUNCH_ARGS=["--window-size=1920,1080"]
            
              # Ignore HTTPS errors, like for self-signed certs
            - DEFAULT_IGNORE_HTTPS_ERRORS=true

Any help is appreciated!

Thanks

[adozenlionsroaring]

I would like to know how to do this too. Did you ever find a solution?

[MrT3chGuy]

Hi @adozenlionsroaring , no unfortunately, I got busy with other things and just left it as it was. Let me know if you ever find a solution though. Thanks

[xconverge]

Heads up that if #3092 is merged it most likely will include a way to do this

[dgtlmoon]

@xconverge

The real question here is "How can I only the screenshot of the part im interested about"

not

"how to limit crop the screenshot"

[dgtlmoon]

I think something like this solves the user story not just the technical side, right?

[xconverge]

@xconverge

The real question here is "How can I only the screenshot of the part im interested about"

not

"how to limit crop the screenshot"

While I agree with you with how the feature should work, limiting the crop directly addresses

"However, the page that I am monitoring is extremely long vertically, and the change that I’m looking for is a very small line that occurs only at the very top. I would like to crop the long screenshot that I receive to show only the smaller window at the top,"