Question

使用PhantomJS时，我无法使用flex渲染外部页面的屏幕截图。解决方法是，我想在打开的页面的page.content中添加一些CSS。

这可能吗？

我缺少一些基础知识，因为我尝试的所有内容都出错了。

$ file ='screenshot.png';

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

page.open('http://phantomjs.org', function (status) {
  var content = page.content;

  *** content.add-css-to-header***

  page.render('".$file."'); //Rendered with my CSS flexbox fix.
  phantom.exit();
});

我希望它能更新html代码，呈现页面（带有固定的flexbox）并截取屏幕快照以使其看起来像普通浏览器一样。

Answer 1

不幸的是，PhantomJS的渲染引擎已经过时，并且项目本身已经终止。当前，从PhantomJS迁移到的最佳选择是puppeteer，它使用最新的Chromium渲染页面。它由Google自己提供，并正在积极开发中。

使用PhatomJS可以将CSS注入page.content吗？

1 个答案: