如何在多页电子应用程序中停止“白色”页面刷新

Question

我只是在检查电子 - 并且喜欢将其用于本机应用程序的想法。

我正在使用引导程序，并且希望每个“视图”都包含在与另一个不同的文件中。我已经使用以下示例进行了这项工作：

<div class="masthead clearfix">
            <div class="inner">
              <h3 class="masthead-brand">example</h3>
              <nav>
                <ul class="nav masthead-nav">
                  <li class="active"><a href="index.html">Home</a></li>
                  <li><a href="config_editor.html">Config editor</a></li>
                  <li><a href="#"> Status</a></li>
                </ul>
              </nav>
            </div>
          </div>

注意 2 个<li> 链接，一个用于 index.html，一个用于 config_editor.html

这是可行的——但是当你点击一个链接时屏幕会变白，然后再加载到下一页——这会破坏桌面“应用程序”的沉浸感。如何加快加载速度？是否有不同的方法来实现这种期望的行为？

Answer 1

尝试将浏览器窗口的背景颜色设置为与您的页面相同的颜色：

mainWindow = new BrowserWindow({
    title: 'ElectronApp',
    backgroundColor: '#002b36',
});