Меню nwjs перестает работать после изменения window.location.href

Question

Меню перестает работать после перехода к другому URL. Вот теперь я добавил меню:

var menu = new nw.Menu({
  type: 'menubar'
});
var menuItems = new nw.Menu();

menuItems.append(
  new nw.MenuItem({
    label: 'Surf Google',
    click: function() {
      window.location.href = 'https://google.com';
    }
  })
);

menuItems.append(
  new nw.MenuItem({
    label: 'Surf Github',
    click: function() {
      window.location.href = 'https://github.com';
    }
  })
);

menu.append(
  new nw.MenuItem({
    label: "The Menu",
    submenu: menuItems
  })
);

var w = nw.Window.get();

w.menu = menu

Я создал ветку github, чтобы показать эту проблему: https://github.com/wvary/nwjs-firewall-test/tree/tested-menu

Вот как воспроизвести эту проблему:

git clone https://github.com/wvary/nwjs-firewall-test.git
cd nwjs-firewall-test
git checkout tested-menu
npm run build
./dist/nwjs-firewall-test-1.0.0-mac-x64/nwjs-firewall-test.app/Contents/MacOS/nwjs

После запуска приложения нажмите на пункт меню Google, чтобы просматривать веб-сайт Google. Затем нажмите на пункт меню Github. Это должно путешествовать по Github, но это не так.

Answer 1

Вам нужно создать iframe, который занимает всю страницу и показывает ее, а в качестве атрибута src указывается URL-адрес, на который вы хотите перейти.

РЕДАКТИРОВАТЬ: вам нужно использовать веб-просмотр вместо iframe

HTML:

<webview style="display:none; position:fixed; width: 100%; height:100%; bottom:0; right:0; top:0; left:0;" id="view_iframe"></webview>

JS:

var menu = new nw.Menu({
  type: 'menubar'
});
var menuItems = new nw.Menu();

menuItems.append(
  new nw.MenuItem({
    label: 'Surf Google',
    click: function() {
      document.getElementById("view_iframe").style.display = "block";
      document.getElementById("view_iframe").src = "https://google.com";
    }
  })
);

menuItems.append(
  new nw.MenuItem({
    label: 'Surf Github',
    click: function() {
      document.getElementById("view_iframe").style.display = "block";
      document.getElementById("view_iframe").src = "https://github.com";
    }
  })
);

menu.append(
  new nw.MenuItem({
    label: "The Menu",
    submenu: menuItems
  })
);

var w = nw.Window.get();

w.menu = menu