gpt4 book ai didi

electron - 如何在 Electron 设备中设置devTools窗口位置

转载 作者:行者123 更新时间:2023-12-03 12:21:54 27 4
gpt4 key购买 nike

我是从docs获得的

app.on('ready', function(){
devtools = new BrowserWindow()
window = new BrowserWindow({width:800, height:600})
window.loadURL(path.join('file://', __dirname, 'static/index.html'))
window.webContents.setDevToolsWebContents(devtools.webContents)
window.webContents.openDevTools({mode: 'detach'})
})

它打开两个窗口,上面是dev工具。但这恰好在主窗口下方。

有没有办法让它们并排(屏幕足够大)?

最佳答案

调用setDevToolsWebContents后,只需调用devtools.setPosition(x, y)就可以移动devtools窗口。

这是通过在每次移动时设置它的位置来将devtools移到窗口旁边的示例:

app.on('ready', function () {
var devtools = new BrowserWindow();
var window = new BrowserWindow({width: 800, height: 600});
window.loadURL('https://stackoverflow.com/questions/52178592/how-to-set-the-devtools-window-position-in-electron');

window.webContents.setDevToolsWebContents(devtools.webContents);
window.webContents.openDevTools({mode: 'detach'});

// Set the devtools position when the parent window has finished loading.
window.webContents.once('did-finish-load', function () {
var windowBounds = window.getBounds();
devtools.setPosition(windowBounds.x + windowBounds.width, windowBounds.y);
});

// Set the devtools position when the parent window is moved.
window.on('move', function () {
var windowBounds = window.getBounds();
devtools.setPosition(windowBounds.x + windowBounds.width, windowBounds.y);
});
});

关于electron - 如何在 Electron 设备中设置devTools窗口位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52178592/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com