我成功地解决了一半的问题，使用的答案来自：How to set the devTools window position in electron现在我可以使用以下代码在分离模式下完全控制开发工具：

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

它基本上表现得像开发工具在“右”模式，除了在单独的窗口。

如果您无法重新编译代码，可以编辑Electron配置文件，这也是很有用的。
在Windows中，该文件是C:\Users\<username>\AppData\Roaming\<electron app name>\Preferences。
在文本编辑器中打开它，你应该会看到一些JSON。你可以在那里配置开发工具。例如，将此设置为取消停靠开发工具：

"currentDockState":"\"undocked\""