NodeJS Phanomjs没有正确捕获网页的屏幕截图

jexiocij  于 2023-06-22  发布在  Node.js
关注(0)|答案(1)|浏览(134)

我正在测试phantom.js在我本地端的网页上创建屏幕截图。
这就是HTML在localhost -Output中的呈现方式
但是在从代码创建PDF时,宽度在PDF中设置不正确,即某些文本被剪切,如下所示。
以下是我尝试的代码--

var url = 'http://localhost:5656';
page.open(url);

page.onLoadFinished = function() {
    var pdfName = 'screen';
    page.render(pdfName + ".pdf");
    var height = page.evaluate(function() { return document.body.offsetHeight }),
        width = page.evaluate(function() { return document.body.offsetWidth });
    console.log(height,width);  
};

我也试过这两个属性,但得到相同的结果-

page.clipRect = { top: 0, left: 0, right: 0, width: 1286};
page.viewportSize = { width: 1024, height: 768};

让我知道我做错了什么。

输出我得到- PDF图像我得到] 2

j2datikz

j2datikz1#

以下是工作代码:

var url = 'http://localhost:5656';
page.open(url);

page.onLoadFinished = function() {
    //page.viewportSize = { width: 1400, height: 1200 };
    page.paperSize = {format: 'A4'};
    var pdfName = 'screen';
    page.render(pdfName + ".pdf");
    var height = page.evaluate(function() { return document.body.offsetHeight }),
        width = page.evaluate(function() { return document.body.offsetWidth });
    console.log(height,width);  
};

如你所见,以下是为我表演魔术的台词-

page.paperSize = {format: 'A4'};

相关问题