大家好，又见面了，我是你们的朋友全栈君。

背景

最近手头的 electron 项目需要做一个报告导出的功能，导出时要弹出个页面，可让用户自行补全相应的字段。

由于公司已有现成的笔录工具，现直接将其集成进来，用 webview 直接展示其笔录页面，将已有的值传给笔录。

webview 简介

electron 的 webview 标签时基于 Chromium webview ，由于 Chromium 的架构变化巨大，会影响 electron webview 的稳定性，包括呈现、导航和事件路由。所以 electron 团队不建议使用 webview 标签。

注意：默认情况下， electron >= 5禁用 webview 标签。 在构造 BrowserWindow 时，需要通过设置 webviewTag webPreferences 选项来启用标签。

var win = new BrowserWindow({ 
    height: 1040,
    width: 1920,
    backgroundColor: 'radial-gradient(#1b5083, #010204)',
    webPreferences: {