Dev Tools размер и положение в электронном

Question

Как я могу изменить размер и положение Dev Tools в разных режимах в Electron?В настоящее время я использую простую функцию в своем main.js для открытия инструментов dev при запуске приложения, это в основном всего одна строка:

mainWindow.webContents.openDevTools({ mode: 'bottom' });

или

mainWindow.webContents.openDevTools({ mode: 'detach' });

, чтобы открыть инструменты dev либо вотдельное окно или как часть основного окна приложения.Что мне нужно, это:

• Для того, чтобы окно Dev Tools в отдельном режиме появлялось рядом с окном моего приложения, а не поверх него или под ним.Я хотел бы объявить его начальную позицию.

• Как для нижнего / правого, так и для отдельного режима Dev Tools должны иметь именно тот размер, который мне нужен.В отдельном режиме это будет размер окна, а в правом / нижнем режимах это будет то, сколько окна займет Dev Tools.Я могу сделать все это вручную после открытия Dev Tools, поэтому должен быть способ, чтобы он начал с правильной позиции и размера с самого начала, но я не могу выяснить, как.

ОБНОВЛЕНИЕ: Ответ на половину вопроса (мой собственный ответ ниже), но ради полноты ответа относительно Dev Tools в «правом» или «нижнем» режиме все еще не найден.

Answer 1

Мне удалось решить половину моей проблемы, используя ответ из: Как установить положение окна devTools в электроне Теперь я могу полностью контролировать Dev Tools в отдельном режиме, используя этот код:

function DTon(){
    devtools = new BrowserWindow();
    mainWindow.webContents.setDevToolsWebContents(devtools.webContents);
    mainWindow.webContents.openDevTools({ mode: 'detach' });
    mainWindow.webContents.once('did-finish-load', function () {
        var windowBounds = mainWindow.getBounds();
        devtools.setPosition(windowBounds.x + windowBounds.width, windowBounds.y);
        devtools.setSize(windowBounds.width/2, windowBounds.height);
    });
    mainWindow.on('move', function () {
        var windowBounds = mainWindow.getBounds();
        devtools.setPosition(windowBounds.x + windowBounds.width, windowBounds.y);
    });
}

В основном работает как Dev Tools в «правильном» режиме, за исключением того, что находится в отдельном окне.