openDevTools in undocked mode

app/mycard.component.ts

@@ -63,7 +63,7 @@ export class MyCardComponent implements OnInit {
                 && konami_code_logger[1].toLowerCase() == 'b'
                 && konami_code_logger[0].toLowerCase() == 'a'
             ) {
-                this.currentWindow.webContents.openDevTools();
+                this.currentWindow.webContents.openDevTools({ mode: 'undocked' });
             }
         });
         // document.addEventListener('drop', (event)=>{

index.js

@@ -176,7 +176,7 @@ function createWindow() {
 
     // Open the DevTools.
     if (process.env['NODE_ENV'] === 'development') {
-        mainWindow.webContents.openDevTools();
+        mainWindow.webContents.openDevTools({ mode: 'undocked', activate: false });
     }
 
     // Emitted when the window is closed.
@@ -194,7 +194,7 @@ function createTray() {
     tray.on('click', (event) => {
         console.log(event);
         if (event.metaKey) {
-            mainWindow.webContents.openDevTools();
+            mainWindow.webContents.openDevTools({ mode: 'undocked' });
         } else {
             mainWindow.isVisible() ? mainWindow.hide() : mainWindow.show();
         }