electron长截图代码

Electron是一个使用JavaScript, HTML和CSS等网页技术来构建跨平台桌面应用的框架。长截图，也就是能够截取整个页面或超出屏幕范围的滚动区域的截图，可以通过Electron结合浏览器的DOM操作和截图能力来实现。以下是一个简单的示例代码，展示了如何使用Electron实现长截图功能：

const { app, BrowserWindow } = require('electron');

let mainWindow;

function createWindow() {
    mainWindow = new BrowserWindow({
        width: 800,
        height: 600,
        webPreferences: {
            nodeIntegration: true
        }
    });

    mainWindow.loadURL('file://' + __dirname + '/index.html');
    
    mainWindow.webContents.once('dom-ready', () => {
        // 当页面加载完成时获取长截图
        mainWindow.webContents.capturePage().then(image => {
            mainWindow.webContents.insertCSS(`
                body {
                    display: none !important;
                }
            `);
            mainWindow.webContents.once('did-finish-load', () => {
                mainWindow.close();
            });
            mainWindow.webContents.once('dom-ready', () => {
                mainWindow.webContents.insertCSS(`
                    body {
                        display: block !important;
                    }
                `);
                mainWindow.webContents.insertImage(image.toDataURL('image/png'));
                mainWindow.show();
            });
        });
    });
}

app.on('ready', createWindow);

app.on('window-all-closed', function () {
    if (process.platform !== 'darwin') {
        app.quit();
    }
});

app.on('activate', function () {
    if (mainWindow === null) {
        createWindow();
    }
});

在上述代码中，我们创建了一个Electron窗口并加载了一个HTML页面。当页面的DOM准备就绪后，我们使用`capturePage`方法来获取当前页面的截图，并将其作为图片插入到页面中。最后，我们关闭窗口并展示带有长截图的结果。

请注意，为了确保代码正常工作，你需要在Electron应用的`index.html`中有一些内容来展示这个长截图，可能还需要一些样式调整来处理页面内容的显示。