Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

217
Views
How to take screenshot using JavaScript using Chrome Dev Tools

I am trying to create a chrome extension that includes taking a screenshot of the user's screen. I want to give users the option to select a specific part of the screen like the clipping tool on windows (this is really important for the extension). I have conducted a lot of research on how I can possibly do this by either writing my own code or using an existing service. I have found html2Canvas to be the best solution so far but it takes a pic of the whole screen, not ideal for my case. During my research, I found that chrome dev tools actually contain this feature of taking a screenshot of the specific part of the webpage. Is there a way to access chrome dev tools using JS for my project and prompt the user to select the area? Is there a way to pass this saved image to another service without saving the image on client's computer? Thank you for your help

EDIT: I have looked at Using HTML5/Canvas/JavaScript to take in-browser screenshots solution, but none mention chrome dev tools. I already tried using getDisplayMedia() but it takes screenshots of the whole screen.

about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!