当 Webview 元素移入包含 DOM 时防止 Electron 的 WebView 重新加载的方法答案

【问题标题】：A way to prevent Electron's WebView reload when Webview element is moved in containing DOM当 Webview 元素移入包含 DOM 时防止 Electron 的 WebView 重新加载的方法
【发布时间】：2017-07-31 18:27:37
【问题描述】：

我使用 GoldenLayout 库和 Electron 的 WebView 元素。 GoldenLayout 操纵 DOM 移动 WebView 元素，它有效地将它们从一个位置剪切并粘贴到另一个位置。这使得 Webviews（以及 IFrames）重新加载它们正在呈现的页面。有没有办法防止重新加载？

【问题讨论】：

重新加载是什么意思？ 20ms 的闪烁还是较长的闪烁？尝试挂钩您可以在此页面electron.atom.io/docs/api/web-contents 中找到的一些事件并防止默认行为，will-navigate 事件可能是您的解决方案

标签： javascript webview electron golden-layout

【解决方案1】：

不，我认为没有。我们在 VS Code 中遇到了同样的问题，并且以前记录的 iframe 重新父级解决方法似乎都不再有效。

我们的解决方案：用占位符元素替换 webview 并将 webview 本身移动到根。然后将 webview 绝对定位在占位符元素上，webview 从占位符中获取位置和大小。根据您需要的布局类型，此解决方法可能合适，也可能不合适。

【讨论】：