How to take screenshot of a webpage after running javascript

Question

I have a webpage which renders LaTeX formula using javascript. I wish to take a screenshot of it programmatically after running the scripts. Is this possible?

May be this will help: http://stackoverflow.com/questions/60455/take-a-screenshot-of-a-webpage-with-javascript — Naveed, Dec 23 '11 at 11:28

score 4 · Answer 1 · edited Jun 20 '20 at 09:12

4

There is a cross platform, HTML5 solution, works with latest browsers only http://html2canvas.hertzen.com/

The script should work fine on the following browsers:

Firefox 3.5+

Google Chrome Newer versions of Opera

IE9 (Older versions compatible with the use of flashcanvas)

Demo: http://html2canvas.hertzen.com/screenshots.html

edited Jun 20 '20 at 09:12

Community

1
1

answered Dec 23 '11 at 11:48

Muhammad Usman

12,439
6
36
59

Seems that it cannot render javascript as I want – dementrock Dec 23 '11 at 11:50
Give it a try I think it might be possible, I am afraid you may not find any better solution. – Muhammad Usman Dec 23 '11 at 11:59
I want to, for example, take a screenshot of the formula on the index page of mathjax: http://www.mathjax.org/ and it failed. – dementrock Dec 23 '11 at 12:08

score 1 · Accepted Answer · answered Dec 23 '11 at 14:05

1

You can use webkit2png and apply the delay option to wait for JS to finish rendering the formulae before taking the screenshot.

answered Dec 23 '11 at 14:05

julesj

754
4
10

score 0 · Answer 3 · answered Jun 11 '18 at 03:22

0

You can use a headless browser like PhantomJS to render LaTeX / MathJax.

Related How can I force PhantomJS to wait until MathJax is finished?

answered Jun 11 '18 at 03:22

qwr

9,525
5
58
102

How to take screenshot of a webpage after running javascript

3 Answers3