Seltsame erste Breite auf der Seite in phantomjs

hier ist der script-code:

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

page.paperSize = {
  format: 'A4', 
  orientation: "landscape"
};

page.open('http://www.google.com', function () {

  var arr = page.evaluate(function () {
     var pageWidth = document.body.clientWidth;
     var pageHeight = document.body.clientHeight;

     return [pageWidth, pageHeight];
  });

  console.log('pagwWidth: ' + arr[0] + '; pageHeight: ' + arr[1]);

  page.render('google.pdf');
  phantom.exit();    
});

Ich versuche clientWidth und clientHeight des Dokuments.Körper Seite. Wenn ich exec dieses Skript bin ich immer die folgenden Werte:

pagwWidth: 400; pageHeight: 484

Warum ist die Breite oben ist 400px? Ich glaube, ich sollte breiter sein.

---

Danke für die Antwort. Aber dann verstehe ich nicht die folgende Sache. Wenn ich viewportSize = {Breite: 1024 Höhe: 800}

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

page.paperSize = {
  format: 'A4', 
  orientation: "landscape"
};

page.viewportSize = {width: 1024, height: 800};
page.open('http://www.google.com', function () {

  page.render('google.pdf');
  phantom.exit();    
});

Bekomme ich folgende Datei:

Aber wenn ich viewportSize = {width: 400, height: 400}

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

page.paperSize = {
  format: 'A4', 
  orientation: "landscape"
};

page.viewportSize = {width: 400, height: 400};
page.open('http://www.google.com', function () {

  page.render('google.pdf');
  phantom.exit();    
});

Bekomme ich die gleiche:

So verstehe ich nicht, wie funktioniert viewportSize Einfluss auf die anzeigen?