[移动开发]electron中使用webview

使用webview标签

<webview src="https://www.baidu.com" preload="./preload.js"></webview>

向webview注入JS

// preload.js
const { contextBridge } = require('electron')

contextBridge.exposeInMainWorld('apiKey', {
  fn: () => {}
})

// 在webview页面使用
window.apikey.fn()

webview与渲染进程通信

// preload.js
const { ipcRenderer } = require('electron')

ipcRenderer.senToHost('type', payload)

// 渲染进程
webview.addEventListener('ipc-message', e => {
  const {args, channel} = e
  console.log(args) // [payload]
  console.log(channel) // type
})

相关链接

• webview
• contextBridge
• ipcRenderer