Screenshot of a particular element 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 element 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.locator('.ssrcss-hmf8ql-BoldText').screenshot(path: './element.png')
end
end
Find out how to take a full-page screenshot with Ruby and Playwright.
We created Urlbox to make converting HTML to images easy
Learn more about our website screenshot API.