Question

我正在尝试使用带有nodeJs的WebShot将我的网站保存为图像。在文档中，它说WebShot有customCSS选项，允许在截取屏幕截图之前将自定义css样式应用于网页。我想使用该选项，但当我尝试使用节点运行我的文件时，它给出了一个错误： customCSS:'body { ^^^^^^^ SyntaxError: Unexpected token ILLEGAL

我的代码如下：

var options = {
  siteType: "html",
  //defaultWhiteBackground: true,

  customCSS:"body {
    background-color: #b0c4de;
}"

};

webshot(svgsrc,'graphy2.png',options,function(err) {
if(err) {
                console.log('error saving document', err)
            } else {
                console.log('The file was saved!');
            }
});

我可以保存图像没有问题只是我在保存图像之前找不到应用自定义css的方法，所以任何帮助都将不胜感激。感谢

Answer 1

请尝试使用此选项（单引号并在一行中）：

var options = {
  siteType: 'html',
  customCSS: 'body {background-color: #b0c4de;}'
}

Answer 2

参考：link和this

我发现我需要指定（例如）：

 -webkit-justify-content

有：

justify-content

Answer 3

您还可以逃脱线路

var options = {
  siteType: "html",
  //defaultWhiteBackground: true,

  customCSS:"body { \
    background-color: #b0c4de; \
}"

};

Webshot自定义css

3 个答案: