解决方法
在您的BrowserWindow上调用openDevTools()函数,这将打开您在Chrome中找到的相同开发工具.我在
http://www.mylifeforthecode.com/debugging-renderer-process-in-electron/的博客上写过这篇文章.
这是一个包含openDevTools的简单main.js文件：
var app = require('app');
var BrowserWindow = require('browser-window');
var mainWindow = null;
app.on('window-all-closed',function() {
if (process.platform != 'darwin')
app.quit();
});
app.on('ready',function() {
mainWindow = new BrowserWindow({width: 800,height: 600});
mainWindow.loadUrl('file://' + __dirname + '/index.html');
mainWindow.openDevTools();
mainWindow.on('closed',function() {
mainWindow = null;
});
});
您也可以使用远程模块通过渲染器进程访问它.对于我一直在修补的应用程序,我将函数toggleDevTools绑定到F12.像这样的东西：
var remote = require('remote');
document.addEventListener("keydown",function (e) {
if (e.keyCode === 123) { // F12
var window = remote.getCurrentWindow();
window.toggleDevTools();
}
});
请注意,我仅在Windows中使用Electron测试了上述内容.我假设Linux和Mac版本的工作方式相同.如果您运行的是Mac或Linux,请告知我们是否不行.
