Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 带有自定义标题的屏幕截图_Javascript_Phantomjs - Fatal编程技术网

Javascript 带有自定义标题的屏幕截图

Javascript 带有自定义标题的屏幕截图,javascript,phantomjs,Javascript,Phantomjs,我正在使用phantomJS对页面进行截图。有使用page.paperSize参数传递自定义页眉参数的选项 下面是我的代码,但结果图像上没有打印标题。我也没有得到任何错误。在这方面的任何暗示都是高度赞赏的 var page = require('webpage').create(); page.viewportSize = { width: 600, height: 500 }; page.open('https://twitter.com/MaraWilson/status/96

我正在使用phantomJS对页面进行截图。有使用
page.paperSize
参数传递自定义页眉参数的选项

下面是我的代码,但结果图像上没有打印标题。我也没有得到任何错误。在这方面的任何暗示都是高度赞赏的

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

page.viewportSize = {
  width: 600, 
  height: 500
};

page.open('https://twitter.com/MaraWilson/status/960451771444310016', function() {
  page.paperSize = {
    width: '8.5in',
    height: '11in',
    header: {
      height: "1cm",
      contents: phantom.callback(function() {
        return "<h1>Header <span style='float:right'>Test</span></h1>";
      })
    },
  };    

  page.render('test.png');
  phantom.exit();
});
var page=require('webpage').create();
page.viewportSize={
宽度:600,
身高:500
};
第页打开('https://twitter.com/MaraWilson/status/960451771444310016,函数(){
页面大小={
宽度:“8.5英寸”,
高度:“11英寸”,
标题:{
高度:“1厘米”,
内容:phantom.callback(函数(){
返回“标题测试”;
})
},
};    
page.render('test.png');
phantom.exit();
});
我得到的结果图像如下所示完全没有标题

更新: 在得到@Vaviloff的建议并仔细阅读文档后,我们发现page.paperSize仅用于PDF文档。但我的问题是针对巴布亚新几内亚的。

来自文档:

纸张大小{object}
此属性定义呈现为PDF时网页的大小

因此,您应该将页面呈现为PDF格式,而不是图像


另一个想法:试着把标题调高一点——在测试代码时,我必须把标题调高3厘米才能真正看到测试文本。

谢谢你提供的信息。一旦我仔细阅读了文件,我就明白了。我希望渲染仅为PNG格式。我通过注入一个自定义javascript并改变页面的外观来尝试它。希望能尽快解决这个问题。嗯,如果这是正确的答案,你可以这样说:)不,这不是正确的答案。我说的是在图像中获得自定义标题。读了这些文档后,我得到的是paperSize只能用于PDF渲染。但是我想用PNG渲染。因此这是不合适的。
结果图像上没有打印标题。我也没有得到任何错误。对于这方面的任何提示,我们都非常感谢。
我给了您没有标题的确切原因,因此,如果这不是“不合适”,我想您需要学会更好地定义您的问题:)抱歉误解。但我已经明确提到了我得到的
结果图像
,如下所示:根本没有标题。你的解决方案清楚地表明我用错了,但不幸的是没有解决它。我只是想澄清一下:我要问的是关于图像的提示。我补充你在问题本身中提供的明确性。谢谢:)