Phantomjs没有正确加载CSS / JS

Question

我遇到的问题是，当我运行测试时，phantomjs无法正确呈现页面。请参阅附图。

功能助手代码：

methods: {
    isPastime: function (time, number, unit) {
        return moment(time).diff(moment(), unit) <= - number
    }
}

Answer 1

PhantomJS（2.1.x）的最新版本基本上相当于6-7岁的Safari版本。因此他们不支持很多现代CSS / JS。因此，不正确呈现的最可能原因是在页面中使用不受支持的功能。如果它不支持JS导致您的问题，那么在您的驱动程序注册中启用js_errors和/或debug可能会显示。如果使用不受支持的CSS（例如CSS Grid），则不会显示任何错误，并且渲染将是错误的。

如果您需要100％正确渲染并且不打算修改您的应用以支持旧版浏览器，那么您可能想要使用Poltergeist / PhantomJS更改为使用Chrome的selenium驱动程序（如果需要，可以使用无头模式）。