2

我知道可以在 PhantomJS 中任意裁剪屏幕截图，使用page.clipRect()：

            page.clipRect = { 
                top: element_top, 
                left: element_left, 
                width: element_width, 
                height: element_height 
            };

因此，我正在尝试使用 jQuery 获取特定元素的位置和宽度/高度。但是，我下面的代码（基于 PhantomJS rasterize.js 示例的最后一部分）不起作用；它只保留默认值。

我在想我一定在变量范围方面做错了什么。我怎样才能让它工作？

page.open(address, function (status) {
    if (status !== 'success') {
        console.log('Unable to load the address!');
    } else {

        var element_top = 0;
        var element_left = 0;           
        var element_width = 200;
        var element_height = 200;

        page.evaluate(function() { 
                var $element = $('h1');
                var offset = $element.offset();
                element_top = offset.top;
                element_left = offset.left;
                element_width = $element.width();
                element_height = $element.height();     
        });

        window.setTimeout(function () {
            page.clipRect = { 
                top: element_top, 
                left: element_left, 
                width: element_width, 
                height: element_height 
            };

            page.render(output);
            phantom.exit();
        }, 200);
    }
});
4

1 回答 1

1

你在里面运行page.evaluate的任何东西都不能从外部世界获得，执行是沙盒的，并且受限于页面上下文。为了使其可用，请将其作为返回值，然后您就可以访问它。

看看 PhantomJS 包含pizza.js的比萨店列表返回给调用者的位置。

于 2012-08-21T02:42:10.230 回答