Questions tagged [webpage-screenshot]

A screen dump, screen capture (or screencap), screenshot (or screen shot), screengrab (or screen grab), or print screen is an image taken by the computer user to record the visible items displayed on the monitor, television, or another visual output device.

Screenshots can be used to demonstrate a program, a particular problem a user might be having, or generally when display output needs to be shown to others or archived. For example, after being emailed a screenshot, a Web page author might be surprised to see how his page looks on a different Web browser and can take corrective action.

241 questions
153
votes
15 answers

Take a screenshot of a webpage with JavaScript?

Is it possible to to take a screenshot of a webpage with JavaScript and then submit that back to the server? I'm not so concerned with browser security issues. etc. as the implementation would be for HTA. But is it possible?
Scott Bennett-McLeish
  • 9,187
  • 11
  • 41
  • 47
69
votes
25 answers

Take screenshot of full page with Selenium Python with chromedriver

After trying out various approaches... I have stumbled upon this page to take full-page screenshot with chromedriver, selenium and python. The original code is here. (and I copy the code in this posting below) It uses PIL and it works great!…
ihightower
  • 3,093
  • 6
  • 34
  • 49
61
votes
11 answers

Stop User from using "Print Scrn" / "Printscreen" key of the Keyboard for any Web Page

I am currently doing a project, in which I need to stop the user from taking the snapshot of any Web Page, for which he can use the "Print Scrn" / "Printscreen" key available in any of the normal keyboards. I have been trying to find its solution,…
Knowledge Craving
  • 7,955
  • 13
  • 49
  • 92
23
votes
7 answers

Capture screenshot of browser content (website)

My aim is to have an image of a website (Yes, as simple as that). I know that there are tools like html2canvas. However I don't want the client browser to render the screenshot. One reason is that I use a chrome extension with a webview which…
17
votes
3 answers

Phantomjs works but is very slow

I am trying to take a screenshot of a webpage with PhantomJS. Specifically, I am using the example of capturing espn.com from this example. My code looks like this: var page = new WebPage(); page.open('http://www.espn.com', function (status) { …
Chris
  • 18,075
  • 15
  • 59
  • 77
15
votes
4 answers

Taking screenshot of a webpage programmatically

How do take a sceenshot of a webpage programmatically given the URL as input? And here is what I have till now: // The size of the browser window when we want to take the screenshot (and the size of the resulting bitmap) Bitmap bitmap = new…
Manish
  • 6,106
  • 19
  • 64
  • 90
14
votes
1 answer

Copy Div with mixed content as image to clipboard

I am trying to build an application in which I need to copy an entire div as an image to the clipboard. The div can contain nested divs and images, svgs etc. I have searched for this a lot but am unable to find any answer to my…
Varun Sharma
  • 1,602
  • 1
  • 13
  • 37
13
votes
4 answers

How to take screenshot of a website with Rails 3.1? -- without using a service

Almost every answer I've found references using some existing service. Is there a way to do this using Rails 3.1 programmatically? This was dead easy to do with PHP (there are prebuilt libraries in PHP that do this). What I'm looking to do, given a…
13
votes
2 answers

How to manually stop getDisplayMedia stream to end screen capture?

I'm interested in getting a screenshot from the user and I'm using the getDisplayMedia API to capture the user's screen: const constraints = { video: true, audio: false }; if (navigator.mediaDevices["getDisplayMedia"]) { …
13
votes
3 answers

Chrome - Configure screenshot hot key

Are there any way of adding short key for capturing screenshots in Google Chrome?
sAs59
  • 562
  • 2
  • 7
  • 30
13
votes
3 answers

How to take screen shot of current webpage using Javascript/JQuery?

I was trying to take screen shot of a web page using JavaScript/JQuery. Could you please explain me the code steps I need to follow?
user2682340
  • 139
  • 1
  • 1
  • 3
13
votes
1 answer

Correct syntax for taking screenshots with Selenium's WebDriverJs on Node

What is the correct way of taking a screenshot when running a webdriver test with Selenium's webdriverjs? I have the stand-alone selenium server started and I can see the command for taking screenshot is logged on the selenium-server, but the…
10
votes
3 answers

Python Selenium take screenshots and Save as PDF for windows opened with document.write()

I'm using Selenium with Python (in Jupyter notebook). I have a number of tabs open, say 5 tabs (with all elements already finished loading) and I would like to cycle through them and do 2 things: Take a screenshot, (As a bonus) Print each to PDF…
9
votes
3 answers

how to capture screenshot in html using js or jquery

I'm need my clients be able to capture screenshot of any page of my website using button like this: I tried to use html2canvas but it's doesn't work properly for me because i have iframe's in my website and it's…
divelner
  • 244
  • 1
  • 2
  • 10
9
votes
3 answers

html2canvas - no screenshot for iframe

I have a task where i need to load a URL (e.g www.yahoo.com) , on my webpage, and take screenshot. I am using html2canvas for screenshot and appending it to the body of the page. The page specified by the URL is successfully loaded in an iframe…
roger_that
  • 9,493
  • 18
  • 66
  • 102
1
2 3
16 17