Screenshot of a particular element with Ruby and Puppeteer

Install Ruby Puppeteer Implementation

gem install puppeteer-ruby

Take a screenshot of the element and save to file

require 'puppeteer-ruby'

Puppeteer.launch(headless: false) do |browser|
  page = browser.new_page
  page.goto("https://www.bbc.co.uk/news/business-63709754")
  element = page.query_selector('.ssrcss-hmf8ql-BoldText')
  bounding_box = element.bounding_box
  page.screenshot(path: "element.png", clip: {x: bounding_box.x, y: bounding_box.y, width: bounding_box.width, height: bounding_box.height})
end

Find out how to take a full-page screenshot with Ruby and Puppeteer.

We created Urlbox to make converting HTML to images easy

Learn more about our website screenshot API.