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

Question

我只是检查电子 - 并且喜欢将它用于原生应用程序。

我正在使用bootstrap，并希望每个'view'都包含在另一个文件中。我使用以下示例进行了此操作：

<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',
});