Phantomjs – 获取网页的屏幕截图
我有一个URL（例如http://www.example.com/OtterBox-77-24444-Commuter-Series-Optimus/dp/B00A21KPEI/ref=pd_sim_cps_4 ）并想要截取它并在我的预览网页。 意思是，用户点击预览按钮，PhantomJS需要以PNG / JPEG格式预览网页
我也可以使用任何其他开源。
我假设您已经安装了Phantomjs并在.bashrc中创建了一个别名，或者更新了系统路径以调用Phantomjs二进制文件。 如果没有，你需要仔细阅读一些初学者教程： http ： //net.tutsplus.com/tutorials/javascript-ajax/testing-javascript-with-phantomjs/
完成设置后，您需要编写一个简单的javascript文件，您将在终端（或shell，如果您使用的是Windows）中调用该文件。 我将在下面提供一个简单的示例脚本。
var WebPage = require('webpage'); page = WebPage.create(); page.open('http://google.com'); page.onLoadFinished = function() { page.render('googleScreenShot' + '.png'); phantom.exit();}
然后，保存您的js文件。 打开终端或shell并运行以下命令
phantomjs yourFile.js
而已。 检查你调用js文件的目录，你应该有一个png文件，其中包含你网页的屏幕截图。
这非常简单，并且有很多关于使用phantomjs的注意事项，但这与我能做到的基本一样。 如果您需要phantomjs的其他配方，请尝试查看以下示例脚本： https ： //github.com/ariya/phantomjs/wiki/Examples
以上答案适用于基本用法，但PhantomJS不知道是否已加载所有AJAX请求。 我制作了url-to-image以帮助解决这个问题。
-
npm install url-to-image -
写screenshot.js
var screenshot = require('url-to-image'); screenshot('http://google.com', 'google.png').done(function() { console.log('http://google.com screenshot saved to google.png'); }); - 运行脚本
node screenshot.js