Electronで<webview>と通信する

フランシスコライアントルマスキーI

私が持っている<webview>私の電子アプリで。iframeスルーと同じように、安全な「外国の」コミュニケーションが必要postMessageです。したがって、たとえば:

webview.executeJavaScript("window.parent.postMessage('all done!')");

このサブウェブビューとの通信をオンにしnodeIntegrationて使用できるようにする唯一の選択肢はありますsendToHostか?nodeIntegrationこの1つの機能のためだけにすべてをオンにするのはやり過ぎのようです。

ヴァディムマカゴン

が無効になっている場合でも、IPCを含むwebview プリロードスクリプトでElectronAPIにアクセスできますnodeIntegrationプリロードスクリプトは、グローバル名前空間に関数を挿入できます。グローバル名前空間は、にロードされたページ内でアクセスできますwebview簡単な例:

webview-preload.js

const { ipcRenderer } = require('electron')    

global.pingHost = () => {
  ipcRenderer.sendToHost('ping')
}

webview-index.html

<script>
  pingHost()
</script>

window-index.html

<script>
  const webview = document.getElementById('mywebview')
  webview.addEventListener('ipc-message', event => {
    // prints "ping"
    console.log(event.channel)
  })
</script>

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

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

編集
0

コメントを追加

0

関連記事

分類Dev

Electronで<webview>メソッドを使用する方法

分類Dev

Electronでwebviewタグを使用しても安全ですか?

分類Dev

Electronの<webview>のDOMにアクセスするにはどうすればよいですか?

分類Dev

ネイティブアプリに反応するためにwebview内のWeb間で通信する方法

分類Dev

nodejsプロセスとElectron子プロセスの間で通信することは可能ですか?

分類Dev

AndroidでのWebViewとCookie

分類Dev

OSXでのWebViewとWKWebView

分類Dev

WebView.SourceとWebView.Navigateの違いは何ですか?

分類Dev

Android-WebViewは空白です

分類Dev

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

分類Dev

<webview>(Electron / NW.JS)のコンテンツにアクセスするにはどうすればよいですか?

分類Dev

CSSを<webview> Chrome / Electron / HTML / CSS / JSに挿入します

分類Dev

d3とwebViewでネイティブに反応する

分類Dev

webviewとjavaの間でCookieを同期する

分類Dev

WebviewでGeoLocationを有効にする

分類Dev

Android WebViewでJavaScriptを実行する

分類Dev

webviewでURLをブロックする

分類Dev

AndroidOで動的にWebViewを作成するRuntimeException

分類Dev

vue-nativeでwebviewを作成する方法

分類Dev

UWP WebViewでDOMを操作する方法は?

分類Dev

ReactNativeでWebViewのLayerTypeを設定する

分類Dev

WebView ドラッグ アンド ドロップと対話する Electron アプリ

分類Dev

Electron で jsPDF を使用する

分類Dev

Electronでmysqlを使用する

分類Dev

React NativeのWebViewでCookieにアクセスすることは可能ですか?

分類Dev

ReactNativeではWebViewが空です

分類Dev

WebviewはJavaScriptと通信しません

分類Dev

WebView での Cookie

分類Dev

JavaFXのWebViewをChromeに変更することは可能ですか?

Related 関連記事

  1. 1

    Electronで<webview>メソッドを使用する方法

  2. 2

    Electronでwebviewタグを使用しても安全ですか?

  3. 3

    Electronの<webview>のDOMにアクセスするにはどうすればよいですか?

  4. 4

    ネイティブアプリに反応するためにwebview内のWeb間で通信する方法

  5. 5

    nodejsプロセスとElectron子プロセスの間で通信することは可能ですか?

  6. 6

    AndroidでのWebViewとCookie

  7. 7

    OSXでのWebViewとWKWebView

  8. 8

    WebView.SourceとWebView.Navigateの違いは何ですか?

  9. 9

    Android-WebViewは空白です

  10. 10

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

  11. 11

    <webview>(Electron / NW.JS)のコンテンツにアクセスするにはどうすればよいですか?

  12. 12

    CSSを<webview> Chrome / Electron / HTML / CSS / JSに挿入します

  13. 13

    d3とwebViewでネイティブに反応する

  14. 14

    webviewとjavaの間でCookieを同期する

  15. 15

    WebviewでGeoLocationを有効にする

  16. 16

    Android WebViewでJavaScriptを実行する

  17. 17

    webviewでURLをブロックする

  18. 18

    AndroidOで動的にWebViewを作成するRuntimeException

  19. 19

    vue-nativeでwebviewを作成する方法

  20. 20

    UWP WebViewでDOMを操作する方法は?

  21. 21

    ReactNativeでWebViewのLayerTypeを設定する

  22. 22

    WebView ドラッグ アンド ドロップと対話する Electron アプリ

  23. 23

    Electron で jsPDF を使用する

  24. 24

    Electronでmysqlを使用する

  25. 25

    React NativeのWebViewでCookieにアクセスすることは可能ですか?

  26. 26

    ReactNativeではWebViewが空です

  27. 27

    WebviewはJavaScriptと通信しません

  28. 28

    WebView での Cookie

  29. 29

    JavaFXのWebViewをChromeに変更することは可能ですか?

ホットタグ

アーカイブ