page.content如何工作？

Question

我试图在加载动态内容后尝试获取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