Учебник по Electron.js

Отображение панели Инструменты разработчика

Отображаемое окно по умолчанию содержит панель Инструменты разработчика. Чтобы отобразить панель, нужно нажать в Windows комбинацию клавиш <Shift>+<Ctrl>+<I>. Можно также из меню View выбрать пункт Toggle Developer Tools.

Если нужно, чтобы панель отображалась сразу при открытии окна, то при создании окна внутри функции createWindow() нужно добавить следующую инструкцию:

win.webContents.openDevTools();

Пример:

function createWindow() {
   const win = new BrowserWindow({
      width: 800,
      height: 600,
      webPreferences: {
         preload: path.join(__dirname, 'preload.js')
      }
   });
   win.loadFile('index.htm');
   win.webContents.openDevTools();
}

Для переключения отображения панели можно использовать метод toggleDevTools(). Если панель скрыта, то она будет отображена, а если показывается, то панель скрывается:

win.webContents.toggleDevTools();

Если нужно запретить отображение панели Инструменты разработчика, то при создании окна опции devTools следует присвоить значение false:

const win = new BrowserWindow({
   webPreferences: {
      devTools: false
   }
});