使用localhost上的phantomjs捕获div

Question

我正在尝试使用phantomjs捕获div元素，并且下面的代码在打开Goog​​le时工作得很好，但是当我尝试从我的localhost打开一个网站时，我收到以下错误。

  

TypeError：null不是对象   （评价＆＃39; document.querySelector（＆＃39;＃捕获＆＃39;。）getBoundingClientRect＆＃39）

我的HTML（mysite.php）

<div id="capture">
   --content here--
</div>

我当前的代码

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

page.open('http://localhost/mysite.php', function() {
  // being the actual size of the headless browser
  page.viewportSize = { width: 1440, height: 900 };

  var clipRect = page.evaluate(function(){
    return document.querySelector('#capture').getBoundingClientRect();
  });

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

  page.render('cature.png');
  phantom.exit();
});

修改

好的，所以经过一些模拟后，我发现它没有读取.php文件，当我试图从.html文件中捕获div时，它可以工作。

有关此方法的任何建议吗？