Electronブラウザウィンドウで必要な「onShow」イベント

コードキャビー

Electronでは、ブラウザウィンドウが表示されたときに、ブラウザウィンドウでjavascript関数をトリガーしたいと思います。

私が現在持っているコードは次のとおりです。

main.js(メインプロセス)

myWin = new BrowserWindow({ width: 1200, height: 400, show: false })

.... some time later and under certain circumstances ;-) ....

myWin.show()

usbUpload.js(ブラウザウィンドウ)

function validateFlights() {
   ...blar...
}

this.addEventListener('onshow', () => {
    validateFlights()
})

ValidateFlights()ブラウザウィンドウが表示されたときに実行したいブラウザウィンドウの関数です。何か案は?

パージー

を使用して、メインプロセスからレンダラープロセスでjavascriptを直接呼び出すことができますexecuteJavaScriptあなたの'show'イベントと組み合わせるとBrowserWindow、次のことができます。

myWin.on('show', () => {
  myWin.webContents.executeJavaScript('validateFlights()')
})

例:

main.js

const { app, BrowserWindow } = require('electron')
const path = require('path')

app.once('ready', () => {
  let win = new BrowserWindow({show: false})
  win.once('show', () => {
    win.webContents.executeJavaScript('validateFlights()')
  })
  win.loadURL(path.resolve(__dirname, 'index.html'))
  win.show()
})

index.html

<html>
  <head>
    <script type="text/javascript">
      function validateFlights() {
        console.log('validated')
      }
    </script>
  </head>
  <body></body>
</html>

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Electronブラウザウィンドウが開かない

分類Dev

ブラウザダウンロード完了イベント

分類Dev

ブラウザウィンドウがアクティブであるかどうかを検出し、ウィンドウが再びアクティブになった後にイベントを開始します[JavaScript]

分類Dev

スライディングウィンドウでイベントをカウントする高速な方法

分類Dev

ブラウザー間ウィンドウのサイズ変更イベント-JavaScript / jQuery

分類Dev

さまざまなブラウザウィンドウサイズへの自動レイアウト調整

分類Dev

ウィンドウにフォーカスが当たるブラウザイベントはありますか?

分類Dev

ブラウザウィンドウのクローズイベントをキャプチャする方法は?

分類Dev

ブラウザ ウィンドウを提供しないと、electron-localshortcut が機能しない

分類Dev

同じElectronウィンドウ内の2つのブラウザ

分類Dev

ブラウザウィンドウをアクティブにせずにキーダウンイベントをリッスンする

分類Dev

Safariブラウザでビデオ要素のイベントバインディングが機能しない

分類Dev

ブラウザのタブまたはウィンドウが閉じたときに発生する一般的なイベントはありますか?

分類Dev

ブラウザウィンドウが縮小/移動すると、キャンバスのクリックイベントが台無しになります

分類Dev

SignalRがMicrosoftEdgeブラウザウィンドウで機能しない10

分類Dev

要素幅ページの100%(ブラウザウィンドウではない)

分類Dev

ブラウザウィンドウよりも広いCSSWebサイト

分類Dev

いくつかのイベントの後、同じブラウザウィンドウで新しいタブを開きます

分類Dev

Blazor EmitJavascriptでブラウザウィンドウを閉じる

分類Dev

Electron:ブラウザウィンドウと通信するにはどうすればよいですか?

分類Dev

ウィンドウサイズ変更イベントは、ページの読み込み時にブラウザの画面幅を検出できますか?

分類Dev

MonoGameMaximizeウィンドウイベント

分類Dev

Protractor / WebdriverJSでデフォルトのブラウザウィンドウサイズを設定する方法

分類Dev

異なるブラウザでのblurイベントの異なる動作

分類Dev

httpsサイトに接続する複数のタブ付きブラウザウィンドウを備えたElectronアプリ

分類Dev

モバイルブラウザでonclickイベント(フィールドを選択)

分類Dev

Selenium Webdriverは、バックグラウンドでブラウザウィンドウをサイレントに開くことができますか?

分類Dev

サブメニューはブラウザウィンドウの全幅である必要があります

分類Dev

イベントがブラウザに表示されない

Related 関連記事

  1. 1

    Electronブラウザウィンドウが開かない

  2. 2

    ブラウザダウンロード完了イベント

  3. 3

    ブラウザウィンドウがアクティブであるかどうかを検出し、ウィンドウが再びアクティブになった後にイベントを開始します[JavaScript]

  4. 4

    スライディングウィンドウでイベントをカウントする高速な方法

  5. 5

    ブラウザー間ウィンドウのサイズ変更イベント-JavaScript / jQuery

  6. 6

    さまざまなブラウザウィンドウサイズへの自動レイアウト調整

  7. 7

    ウィンドウにフォーカスが当たるブラウザイベントはありますか?

  8. 8

    ブラウザウィンドウのクローズイベントをキャプチャする方法は?

  9. 9

    ブラウザ ウィンドウを提供しないと、electron-localshortcut が機能しない

  10. 10

    同じElectronウィンドウ内の2つのブラウザ

  11. 11

    ブラウザウィンドウをアクティブにせずにキーダウンイベントをリッスンする

  12. 12

    Safariブラウザでビデオ要素のイベントバインディングが機能しない

  13. 13

    ブラウザのタブまたはウィンドウが閉じたときに発生する一般的なイベントはありますか?

  14. 14

    ブラウザウィンドウが縮小/移動すると、キャンバスのクリックイベントが台無しになります

  15. 15

    SignalRがMicrosoftEdgeブラウザウィンドウで機能しない10

  16. 16

    要素幅ページの100%(ブラウザウィンドウではない)

  17. 17

    ブラウザウィンドウよりも広いCSSWebサイト

  18. 18

    いくつかのイベントの後、同じブラウザウィンドウで新しいタブを開きます

  19. 19

    Blazor EmitJavascriptでブラウザウィンドウを閉じる

  20. 20

    Electron:ブラウザウィンドウと通信するにはどうすればよいですか?

  21. 21

    ウィンドウサイズ変更イベントは、ページの読み込み時にブラウザの画面幅を検出できますか?

  22. 22

    MonoGameMaximizeウィンドウイベント

  23. 23

    Protractor / WebdriverJSでデフォルトのブラウザウィンドウサイズを設定する方法

  24. 24

    異なるブラウザでのblurイベントの異なる動作

  25. 25

    httpsサイトに接続する複数のタブ付きブラウザウィンドウを備えたElectronアプリ

  26. 26

    モバイルブラウザでonclickイベント(フィールドを選択)

  27. 27

    Selenium Webdriverは、バックグラウンドでブラウザウィンドウをサイレントに開くことができますか?

  28. 28

    サブメニューはブラウザウィンドウの全幅である必要があります

  29. 29

    イベントがブラウザに表示されない

ホットタグ

アーカイブ