電子はメニューバーから新しいフルスクリーンウィンドウを開きます

Question

私はメニューバーで動作する電子アプリを持っています。

コードは、現在、大きく、既存のポモドーロアプリ（https://github.com/G07cha/pomodoro）

に基づいてタイマーが特定のポイントに達すると、それは、メッセージ・ボックスが開きます：

ipc.on('end-timer', function() { 
    $('.timer').circleProgress('value', 1); 

    var isRelaxTime = remote.getGlobal('isRelaxTime'); 

    dialog.showMessageBox({ 
     type: 'info', 
     title: 'Pomodoro', 
     message: (isRelaxTime) ? 'Timer ended it\'s time to relax' : 'Back to work', 
     buttons: ['OK'], 
     noLink: true 
    }, function() { 
     if(isRelaxTime) { 
      $('.timer').circleProgress({fill: { gradient: ["blue", "skyblue"]}}); 
     } else { 
      $('#counter').text(remote.getGlobal('pomodoroCount')); 
      $('.timer').circleProgress({fill: { gradient: ["orange", "yellow"]}}); 
     } 

     ipc.send('start-timer'); 
    }); 
}); 

は、新たにオープンすることが可能ですメッセージボックスの代わりにウィンドウを開き、フルスクリーンにしますか？

基本的には、ユーザーがそれを見ていることを確認して、タイマーがアップしているときに画面を満たし、CSSなどで表示されるページのカスタマイズを許可します。

Answer 1

既存のレンダラーから新しいレンダラーを起動するかどうか、またはメインプロセスからスピンアップするかどうかによって異なります。

新しいBrowserWindowインスタンスを作成し、ロードするHTMlファイルにURLをロードするのと同じくらい簡単です。

レンダラーを既存のレンダラーからスピンアップさせたい場合は、最初にremoteモジュールが必要です。

const electron = require('electron'); 
const BrowserWindow = electron.BrowserWindow;