電子クロムインスペクタ

Question

私はこのような単純なpackage.json whith非常に基本的な電子アプリケーションを持っている：

{ 
    "name": "app", 
    "version": "1.0.0", 
    "main": "main.js" 
} 

とmain.jsは、このようなファイル：私は起動時に

const {app, BrowserWindow} = require('electron') 
const path = require('path') 
const url = require('url') 

// Keep a global reference of the window object, if you don't, the window will 
// be closed automatically when the JavaScript object is garbage collected. 
let win 

function createWindow() { 
    // Create the browser window. 
    win = new BrowserWindow({width: 800, height: 600}) 

    // and load the index.html of the app. 
    win.loadURL(url.format({ 
    pathname: path.join(__dirname, 'index.html'), 
    protocol: 'file:', 
    slashes: true 
    })) 

    // Open the DevTools. 
    win.webContents.openDevTools() 

    // Emitted when the window is closed. 
    win.on('closed',() => { 
    // Dereference the window object, usually you would store windows 
    // in an array if your app supports multi windows, this is the time 
    // when you should delete the corresponding element. 
    win = null 
    }) 
} 

// This method will be called when Electron has finished 
// initialization and is ready to create browser windows. 
// Some APIs can only be used after this event occurs. 
app.on('ready', createWindow) 

// Quit when all windows are closed. 
app.on('window-all-closed',() => { 
    // On macOS it is common for applications and their menu bar 
    // to stay active until the user quits explicitly with Cmd + Q 
    if (process.platform !== 'darwin') { 
    app.quit() 
    } 
}) 

app.on('activate',() => { 
    // On macOS it's common to re-create a window in the app when the 
    // dock icon is clicked and there are no other windows open. 
    if (win === null) { 
    createWindow() 
    } 
}) 

しかし、 chromiumのinpector apearをindex.htmlページと共に画面に表示します。なぜインスペクタが自動的に現れますか？

Answer 1

技術的には「インスペクタ」とは呼ばれませんが、「DevTools」はChromiumの「開発ツール」の略です。あなたはこの行でデベロッパーツールを開いているので、それがアプリの起動時に開いています理由は次のとおりです。

contents.openDevTools([options])

開きます

win.webContents.openDevTools() 

BrowserWindow.webContentsはopenDevToolsの説明と、here文書化されていますdevtools。

これを削除すると、DevToolsが開かなくなります。