Javascript printToPDF不会打印所有webContent视图

Javascript printToPDF不会打印所有webContent视图,javascript,electron,Javascript,Electron,我正在使用下面的代码将WebContent视图保存到PDF文件中 saveReport() { const remote = require('electron').remote; const webContents = remote.getCurrentWebContents(); webContents.printToPDF({ pageSize: 'A3', landscape: fa

我正在使用下面的代码将WebContent视图保存到PDF文件中

    saveReport() {
        const remote = require('electron').remote;
        const webContents = remote.getCurrentWebContents();

        webContents.printToPDF({
            pageSize: 'A3',
            landscape: false
        }, (err, data) => {
            remote.require('fs')
                .writeFile(TEMP_URL, data);
        });
    },
视图是一个报告,里面有很长的内容(见下文)

我看到的不是完整视图,而是带有滚动条的单个页面中的部分视图。下面是生成的PDF的屏幕截图

预期行为

就像真正的浏览器一样,生成的PDF应该包含所有视图。如果单个页面没有提供足够的空间,则应生成多个页面


我认为我的css可能有问题。

我对当前项目有类似的要求,我注意到当您使用此api时,您可以通过将css文件添加到主html并将媒体查询设置为print
media=“print”
来自定义pdf的呈现方式

仅当您通过api方法
printToPdf()
打印某些内容或将其导出为pdf时,才会应用此css样式表

如果您正在使用一些ui工具包,如光子或引导,请尝试禁用它,看看是否有帮助

最后一个提示:尝试使用css属性
分页符之前:始终

希望这有帮助