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?

[adozenlionsroaring]

To add more context for anyone else reading - I have followed the instructions on this page to get a locally hosted changedetection.io instance up and running on my Raspberry Pi with Docker:

https://pimylifeup.com/raspberry-pi-changedetection/

I currently have notifications from changedetection.io sent to my Discord account, along with a screenshot of the page. 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, so that I can more easily see at a glance what has changed - as it is, I have to open the image, resize it and then scroll to the top to see the change.