无头node.js javascript浏览器具有截屏功能？

Question

Are there any headless browsers for node.js that support dumping a rendered page out to a file? I know phantomjs supports rendering to a file, but it doesn't run on node.js. I know zombie.js is a node.js headless browser, but it doesn't support rendering to a file.

Answer 1

I doubt you will find anything that is going to work as well as phantomjs. I would just treat the rendering as an async backend process and execute phantom in a subprocess from your main node.js process and call it a day. Rendering a web page is HARD, and since phantom is based on WebKit, it can actually do it. I don't think there will ever be a node library that can render a web page to a graphic file that isn't built upon an existing browser rendering engine. But maybe one day phantomjs will integrate more seamlessly with node.

Answer 2

尝试噩梦 ，它使用电子，它比phantomjs更快，它的API很容易使用现代的ES6 javascript。

Answer 3

This might look like a solution with a little bit overhead...

You can use the Mozilla Firefox with the MozRepl plugin. Basically this plugin gives you a telnet port to your Firefox which allows you to control the browser from the outside. You can open URLs, take screenshots, etc. Running the Firefox with the Xvfb server will run it in headless mode.

Now you just have to control the browser from the outside with node.js. I've seen a few examples where someone has implemented a http alike interface inside the chrome.js of Firefox. So you can run a http command to get a screenshot. You can then use http calls from node.js. This might look strange, it actually is but might work well for you.

• http://hyperstruct.net/2009/02/05/turning-firefox-into-a-screenshot-server-with-mozrepl/

I'm running a slightly modified version in production with Perl Mojolicious in async mode to trigger the screenshots. However, there is a small problem. When plugins are required they do work, however Flash usually gets activated when it's in the visible area, this won't happen so movies/flash things might not get initialized.

Answer 4

You might find this helpful, though it's not javascript specific.

There is a webkit-based tool called " wkhtmltopdf " that I understand includes javascript support using the QT web-kit widget. It outputs a visual representation ("screenshot" if you will) of the page in PDF format.

FWIW, there are also PHP bindings for it here: php-wkthmltox

Answer 5

There's a project called Node-Chimera. Although it's not as mature as Phantomjs, it has all the features you have mentioned: it runs on native Nodejs, and allows you to render pages to a file. Repository is here: https://github.com/deanmao/node-chimera . It has examples to do exactly what you need.

Answer 6

The Chrome dev team has released Puppeteer which can be used in node. It uses Chrome with the headless option.