node.js - 如何在多页 Electron 应用程序中停止 'white' 页面刷新

Question

我只是在检查 Electron - 并且喜欢将它用于 native 应用程序的想法。

我正在使用 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',
});