Screenshot the viewport with Ruby and Playwright

Install Playwright and Playwright client for Ruby

npm install playwright@1.27.1
gem install playwright-ruby-client

Take a screenshot of the viewport and save to file

require 'playwright'

Playwright.create(playwright_cli_executable_path: './node_modules/.bin/playwright') do |playwright|
  playwright.chromium.launch(headless: false) do |browser|
    page = browser.new_page
    page.goto('https://www.bbc.co.uk/news/business-63709754')
    page.screenshot(path: './viewport.png')
  end
end

Find out how to change the size of the viewport with Ruby and Playwright.

We created Urlbox to make converting HTML to images easy

Learn more about our website screenshot API.