javascript - 使用 phantomjs lib 捕获网页并保存到图像

Question

我在谷歌上搜索任何可以捕获任何网站或网址图像的 js 库。我开始知道 phantomjs 库可以做到这一点。这里我有一个小代码，可以捕获 github 主页并将其转换为 png 图像

如果有人熟悉phantomjs，请告诉我这行的含义是什么

var page = require('webpage').create();

这里我可以给出任何名称而不是网页吗？

如果我需要捕获任何网页的部分，那么我该如何在这个库的帮助下做到这一点。任何人都可以指导我。

var page = require('webpage').create();
page.open('http://github.com/', function () {
    page.render('github.png');
    phantom.exit();
});

https://github.com/ariya/phantomjs/wiki

谢谢

Answer 1

这是一个用于抓取图像的简单 phantomjs 脚本:

var page = require('webpage').create(),
system = require('system'),
address, output, size;


address = "http://google.com";
output = "your_image.png";
page.viewportSize = { width: 900, height: 600 };

page.open(address, function (status) {
    if (status !== 'success') {
        console.log('Unable to load the address!');
        phantom.exit();
    } else {
        window.setTimeout(function () {
            page.render(output);
            console.log('done');
            phantom.exit();
        }, 10000);
    }
})

哪里..

“地址”是您的网址字符串。

'output' 是您的文件名字符串。

此外，“宽度”和“高度”是要捕获的网站区域的尺寸(如果您想要整个页面，请将其注释掉)

要从命令行运行此命令，请将上面的内容保存为“script_name.js”并触发幻像，使 js 文件成为第一个参数。

希望这有帮助:)