Electron + node.jsで作成したアプリでBrowserViewを使用する(Windows)

Electron + node.jsで作成したアプリでBrowserViewを使用する(Windows)

Electronにウェブコンテンツを埋め込む場合にBrowserViewを使用します。

メインプロセス

BrowserViewのインスタンスを生成します。contextIsolation: trueにします。

BrowserView#setBoundsメソッドでxy軸やwidth,heightを指定します。

BrowserView#webContents.loadURLメソッドの引数にURLを指定します。

BrowserWindow#setBrowserViewメソッドの引数にBrowserViewのインスタンスを設定します。

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

注意点

一つのウィンドウに複数のBrowserViewを設定することができません。後勝ちになってしますようなので複数指定は不可です。

ドキュメント

https://www.electronjs.org/docs/api/browser-view

サンプル

https://github.com/takahashi-h5/electron-browserview01

  • このエントリーをはてなブックマークに追加
  • Evernoteに保存Evernoteに保存

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA