Как установить положение окна devTools в электроне

Question

Я получил это из документов

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'})
})

Он открывает два окна, это инструменты разработчика. Но это точно под главным окном.

Есть ли способ получить их рядом (экран достаточно большой)?

Answer 1

После того, как вы позвонили setDevToolsWebContents, вы можете перемещать окно devtools, просто вызывая devtools.setPosition(x, y).

Вот пример перемещения devtools рядом с окном путем установки его положения при каждом перемещении:

app.on('ready', function () {
    var devtools = new BrowserWindow();
    var window   = new BrowserWindow({width: 800, height: 600});
    window.loadURL('/10488187/kak-ustanovit-polozhenie-okna-devtools-v-elektrone');

    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);
    });
});