меню nwjs перестает работать после изменения window.location.href - PullRequest
Новая
       10

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

0 голосов
/ 17 мая 2018

Меню перестает работать после перехода на другой 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, но это не так.

1 Ответ

0 голосов
/ 17 мая 2018

Вам нужно создать 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
...