如何在电子中有多个页面？答案

【问题标题】：How to have multiple pages in electron?如何在电子中有多个页面？
【发布时间】：2021-07-22 16:25:18
【问题描述】：

我设置了一个简单的电子应用程序（我只是在学习电子），我希望能够通过一个按钮将我带到另一个页面。我现在正在做一个石头剪刀布应用程序，我有一个问题。我需要这样当我单击play 时，它会将我带到一个页面，我可以在其中选择rock、paper 或scissors。在我单击三个选项之一后，它会加载另一个页面，其中用户选择的变量从最后一页传递到这一页。在此页面上，它生成一个随机数作为计算机的选择，并确定用户是否中奖。我还没有找到有效地做到这一点的方法。与网页不同，电子应用程序没有 URL，我不能只是将用户重新路由到其他地方。

我的问题是，我怎样才能让它切换页面并将变量从一个页面传递到另一个页面？

【问题讨论】：

localStorage 做你想做的事吗？ developer.mozilla.org/en-US/docs/Web/API/Window/localStorage - 或者只是不更改页面并呈现不同的 HTML？

标签： javascript node.js electron

【解决方案1】：

Electron 用于将 JavaScript 应用程序作为桌面应用程序。 Electron 是如何通过模拟浏览器来做到这一点的。话虽如此，您可以像访问任何其他 Web 应用程序一样访问不同的页面。将电子视为代替快递。

在页面之间传递变量有点困难。为此，您可以使用 react 等状态管理框架，但也可以在切换页面之前使用 localStorage 设置变量，然后在进入下一页时获取变量。

来自 Mozilla 文档：

localStorage.setItem('myCat', 'Tom');
const cat = localStorage.getItem('myCat');
localStorage.removeItem('myCat');
localStorage.clear();

参考链接：https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

【讨论】：