Implement opening of web view dev tools from menu

app/assets/js/index.js

@@ -4,11 +4,13 @@
 
 var ipc = require('electron').ipcRenderer;
 
+var webView;
+
 ipc.on('params', function (event, message) {
     var appArgs = JSON.parse(message);
     document.title = appArgs.name;
 
-    var webView = document.createElement('webview');
+    webView = document.createElement('webview');
 
     webView.setAttribute('id', 'webView');
     webView.setAttribute('src', appArgs.targetUrl);
@@ -20,9 +22,7 @@ ipc.on('params', function(event, message) {
         if (appArgs.userAgent) {
             webView.setUserAgent(appArgs.userAgent);
         }
-            if (appArgs.showDevTools) {
+
-                webView.openDevTools();
-            }
     });
     webView.addEventListener('new-window', function (e) {
         require('shell').openExternal(e.url);
@@ -42,3 +42,13 @@ ipc.on('params', function(event, message) {
     webViewDiv.appendChild(webView);
 });
 
+ipc.on('toggle-dev-tools', function (event, message) {
+    if (!message) {
+        return;
+    }
+    if (webView.isDevToolsOpened()) {
+        webView.closeDevTools();
+    } else {
+        webView.openDevTools();
+    }
+});

app/buildMenu.js

@@ -1,7 +1,7 @@
 var electron = require('electron');
 var Menu = electron.Menu;
 
-module.exports = function (app) {
+module.exports = function (app, mainWindow) {
     if (Menu.getApplicationMenu())
         return;
 
@@ -90,8 +90,10 @@ module.exports = function (app) {
                             return 'Ctrl+Shift+J';
                     })(),
                     click: function(item, focusedWindow) {
-                        if (focusedWindow)
+                        if (focusedWindow) {
-                            focusedWindow.toggleDevTools();
+                            mainWindow.webContents.send('toggle-dev-tools', true);
+                        }
+
                     }
                 },
             ]

app/main.js

@@ -25,7 +25,6 @@ app.on('window-all-closed', function() {
 });
 
 app.on('ready', function() {
-    buildMenu(app);
     mainWindow = new BrowserWindow(
         {
             width: appArgs.width || 1280,
@@ -37,6 +36,8 @@ app.on('ready', function() {
         }
     );
     
+    buildMenu(app, mainWindow);
+
     // uncomment to show dev tools for the main window
     //mainWindow.openDevTools();