Блог

Я просто проверяю electron — и мне нравится идея использовать его для собственного приложения.

Я использую bootstrap и хочу, чтобы каждое «представление» содержалось в другом файле. Я получил эту работу, используя следующий пример :

 <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

Это работает, но экран становится белым, когда вы нажимаете на ссылку перед загрузкой на следующей странице, что нарушает погружение в настольное ‘приложение’. Как можно ускорить эту загрузку? Существует ли другой метод для достижения этого желаемого поведения?

Попробуйте установить цвет фона окна браузера на тот же цвет, что и ваши страницы:

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