如何访问nwjs-applications的控制台输出?

时间:2016-08-18 13:07:30

标签: javascript debugging nwjs

我正在尝试使用nwjs,我无法弄清楚如何调试。

我有教程的基本脚本:

require('nw.gui').Window.get().showDevTools()
var menu = new nw.Menu();

menu.append(new nw.MenuItem({
  label: 'Item A',
  click: function(){
    alert('You have clicked at "Item A"');
  }
}));

menu.append(new nw.MenuItem({ label: 'Item B' }));
menu.append(new nw.MenuItem({ type: 'separator' }));
menu.append(new nw.MenuItem({ label: 'Item C' }));

document.body.addEventListener('contextmenu', function(ev) {
  console.log("Hello");

  ev.preventDefault();
  menu.popup(ev.x, ev.y);

  return false;
}, false);

我添加了两行代码:

require('nw.gui').Window.get().showDevTools();
console.log("Hello");

我运行一个脚本并看到两个窗口:

enter image description here

如果我右键单击文本以便在调试工具栏中输出显示的菜单,而不是console.log("Hello")

我做错了什么?

1 个答案:

答案 0 :(得分:0)

要使showDevTools()起作用,您需要下载nwjs的SDK版本。您正在获得白屏,因为它是正常版本。使用SDK版本,showDevTools()将打开chrome Developer Tools,其中包含控制台输出的选项卡。见下图: Developer Tools Console