如何从 Chutzpah 在 PhantomJS 中设置视口大小答案

【问题标题】：How to set viewport size in PhantomJS from Chutzpah如何从 Chutzpah 在 PhantomJS 中设置视口大小
【发布时间】：2015-08-02 14:03:07
【问题描述】：

如何在 PhantomJS 中设置视口大小？我尝试使用window.callPhantom 设置它：

window.callPhantom('page.viewportSize = { width: 480, height: 800 };')

这里建议：https://github.com/mmanela/chutzpah/issues/355，但这似乎不起作用，因为后来window.innerHeight 仍然显示 300px（这是 PhantomJS 中视口的默认高度）

【问题讨论】：

你能附上一些演示吗？
我正在通过 npm 测试在 js 中运行 qunit 测试。默认浏览器是 phantomjs，所以我试图在测试设置中更改视口大小。然后稍后执行测试时，我正在检查 window.innerHeight 并且仍然看到 300...
测试用例：d.pr/n/1akgy

【解决方案1】：

Chutzpah 支持调用 phantom 来更改大小，但它需要您传递的参数略有不同。试试：

window.callPhantom(
{
  Type:"Eval",
  Data: "phantom.pagesize(100,200);"
});

我缺少这方面的文档，我会尽快更正。

【讨论】：