PhantomJs doesn't resize the window

问题:

I am using this code: var width = 1024; var height = 768;

and page.viewportSize = {width: width, height: height}; im using before page.open . But this doesn't work. The full code you can watch in my another question right here - Faking the Referer Header in PhantomJS is doesn't work

here is the code:

var width = 1024;
var height = 768;
var page = require('webpage').create();
//referal massive
var reff = ["https://www.facebook.com/messages/t/","https://google.com","https://youtube.com","https://twitter.com/"];
//random massive
var randreff = Math.floor(Math.random() * (reff.length));
//reffer
page.customHeaders = {
  "Referer": (reff[randreff])
};
//console refer
console.log(reff[randreff]);
var urls = ['http://test.com/','http://test.com/2017/02/blog-post.html','http://test.com/'];
var i = 0;
function OpenPage(){
    setTimeout(function(){
            page.open(urls[i], function(status) {
                    if (status == 'success') {
                page.viewportSize = {width: width, height: height};
                    page.render('example' + i + '.png');
            }
            i++;
            if(i <= urls.length - 1){ 
                OpenPage();
            }else{
               phantom.exit();
            }
        });
    },5000);
}
OpenPage();

• Resolution doesn't work and referrals doesn't work =(

回答1:

page.render() renders whole page regardless of viewport size, it's normal behaviour ... what you need is page.clipRect()... something like:

page.viewportSize = {width: width, height: height};

The above should be defined before page.open() - tells a page to render the way like the window would be of given size

To render image of given size, you need to:

page.clipRect = {
    top: 0,
    left: 0,
    height: viewportSize.height,
    width: viewportSize.width
  };

page.render(...);