js 截取页面高度

Question

我使用 selenium 进行屏幕截图的时候出现这样一种情况，就是截出来的图片特别长。

phantomjs 2.1.1 对应的浏览器默认浏览器宽高为 400x300，最大化后浏览器宽高为 1366x768。

假如我使用了浏览器默认宽高，抑或是我设置了浏览器宽高为自定义值，都只是打开页面前，浏览器初始化时候的宽高。

打开页面后，分析 url 发现是因为该地址对应的页面本来就很长，比如下图所示：

意思是底下的元素其实已经加载了，但是如果页面没有滚动到那个位置，图片没有异步加载而已，所以对于该页面的访问速度及展示效果并没有什么影响。

这就很蛋疼，导致 phantomjs 截出来的图片特别长，缩小宽后会使对应的高度也缩小（页面 js 设定了宽高固定比例？），但并不解决问题。我可以将截到的图片再裁剪，但这会大量消耗我的内存资源，导致堆内存溢出。

所以我希望可以指定截图大小。

我们知道 selenium 其实也是调用了 phantomjs 的 api，我没有跟源代码走，但是很明显 selenium 的 setSize() 其实就是调用了 phantomjs 的 page.viewportsize，所以我想问 phantomjs 原生 api 中的 page.clipRect，selenium 有没有调用的接口怼出来呢？

我对 js 语法不是特别熟悉，是不是 page.clipRect 也是浏览器界面全截图，然后把二进制图片流读到内存再裁剪呢？如果是，同样无法避免内存的不必要使用，那么怎么做可以直接设置截图高度呢？