2

我试图在加载动态内容（例如广告）后获取 HTML 和网站快照。

当我使用渲染功能时，页面会显示 iframe 中的内容，但是当我将内容保存到文件中时，iframe 会重复或出现奇怪的现象，例如消失。

所以我想知道是否有办法保存完整的 DOM（已经加载了所有动态内容，例如 js 或 iframe）。

这是我的代码：

var page = new WebPage(),
    address, output, size;

if (phantom.args.length < 2 || phantom.args.length > 3) {
    console.log('Usage: rasterize.js URL filename');
    phantom.exit();
} else {
    address = phantom.args[0];
    output = phantom.args[1];
    page.viewportSize = { width: 600, height: 600 };
    page.open(address, function (status) {
        if (status !== 'success') {
            console.log('Unable to load the address!');
        } else {
            window.setInterval(function(){
                page.render(output+'.png');

                var fs = require('fs');
                fs.write(output+'.html', page.content, 'w');

                phantom.exit();
            }, 4000);
        }
    });
}

这是一个示例图像输出（iframe 以红色突出显示）：

http://dl.dropbox.com/u/123181/prodigy.msn.com.png

这是一个示例 HTML 输出：

http://dl.dropbox.com/u/123181/prodigy.msn.com.html

4

0 回答 0